ColorTool
Giriş yap
#20776E

#20776e ≈ Pine Green

  • camgöbeği yeşili
  • Açıklık: düşük
  • Doygunluk: orta
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#20776e, “camgöbeği yeşili” ailesinden bir renktir; açıklığı düşük, doygunluğu orta. RGB modelinde %12,55 kırmızı, %46,67 yeşil ve %43,14 maviden oluşur; CMYK baskıda %73,11 camgöbeği, %0 macenta, %7,56 sarı ve %53,33 siyah kullanır. Ton açısı 173,79°, HSL’de doygunluğu %57,62 ve açıklığı %29,61’dir. Soğuk bir renktir ve çoğunlukla berraklık, sakinlik ve yenilenme ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve lüks markalar için kullanır. Bu renk üzerinde beyaz metin 5,35:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Pine Green (#01796f), ΔE 1,58.

Açıklama, bu rengin ölçülen özelliklerinden oluşturuldu.

HEX
RGB
Yüzde olarak RGB
CMY
CMYK
HSL
HSV / HSB
Web güvenli#336666
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
İkili
Ondalık
Göreli parlaklık0.1463

Tamamlayıcı

  1. #20776e
  2. #772029

Bölünmüş tamamlayıcı

  1. #20776e
  2. #772055
  3. #774220

Komşu

  1. #207742
  2. #20776e
  3. #205577

Üçlü

  1. #20776e
  2. #6e2077
  3. #776e20

Dörtlü

  1. #20776e
  2. #202977
  3. #772029
  4. #776e20

Kare

  1. #20776e
  2. #422077
  3. #772029
  4. #557720

Tek renkli

  1. #04100f
  2. #103b36
  3. #20776e
  4. #30b3a6
  5. #5dd3c7

Koyu tonlar

#20776e kademeli olarak siyahla karıştırıldı.

  1. #20776e
  2. #1d6b63
  3. #1a5f58
  4. #16534d
  5. #134742
  6. #103c37
  7. #0d302c
  8. #0a2421
  9. #061816
  10. #030c0b
  11. #000000

Açık tonlar

#20776e kademeli olarak beyazla karıştırıldı.

  1. #20776e
  2. #36857d
  3. #4d928b
  4. #63a09a
  5. #79ada8
  6. #90bbb7
  7. #a6c9c5
  8. #bcd6d4
  9. #d2e4e2
  10. #e9f1f1
  11. #ffffff

Tonlar

#20776e kademeli olarak griyle karıştırıldı.

  1. #20776e
  2. #2a7870
  3. #337972
  4. #3d7a73
  5. #467b75
  6. #507c77
  7. #5a7c79
  8. #637d7b
  9. #6d7e7c
  10. #767f7e
  11. #808080

Okunaklı metin 5.35:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.93:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6b6b6b Erkeklerin ≈ 0.003% kadarı
Akromatomali #56706c Erkeklerin ≈ 0.001% kadarı
Protanopi #71706e Erkeklerin ≈ 1.01% kadarı
Döteranopi #64676f Erkeklerin ≈ 1.27% kadarı
Tritanopi #007a74 Erkeklerin ≈ 0.0001% kadarı
Protanomali #5b736e Erkeklerin ≈ 1.08% kadarı
Döteranomali #516e6f Erkeklerin ≈ 4.63% kadarı
Tritanomali #007972 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-20776e {
  color: #20776e;
}
Arka plan
.bg-20776e {
  background-color: #20776e;
  color: #ffffff;
}
Kenarlık
.border-20776e {
  border: 2px solid #20776e;
}
CSS değişkenleri
:root {
  --color-primary: #20776e;
  --color-primary-rgb: 32 119 110;
  --color-primary-hsl: 174 58% 30%;
}
Geçiş
.gradient-20776e {
  background: linear-gradient(135deg, #20776e, #205577);
}
Renkli gölge
.shadow-20776e {
  box-shadow: 0 8px 24px rgb(32 119 110 / 0.35);
}

#01796f Pine Green ΔE 1.58 #317873 Myrtle Green ΔE 2.54 #008080 Teal ΔE 5.12 #00755e Tropical Rain Forest ΔE 5.77 #40826d Viridian ΔE 6.80 #008b8b Dark Cyan ΔE 8.35 #367588 Teal Blue ΔE 13.52 #df8891 Ters renk #6b6b6b Gri tonlama 

Pine Green
#20776e  rgb(32, 119, 110)  hsl(174, 58%, 30%)  Pine Green
#772029  rgb(119, 32, 41)  hsl(354, 58%, 30%)  Burgundy
#6e2077  rgb(110, 32, 119)  hsl(294, 58%, 30%)  Eminence
#776e20  rgb(119, 110, 32)  hsl(54, 58%, 30%)  Olive