ColorTool
Giriş yap
#20B4AA

#20b4aa ≈ Light Sea Green

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

#20b4aa, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %12,55 kırmızı, %70,59 yeşil ve %66,67 maviden oluşur; CMYK baskıda %82,22 camgöbeği, %0 macenta, %5,56 sarı ve %29,41 siyah kullanır. Ton açısı 175,95°, HSL’de doygunluğu %69,81 ve açıklığı %41,57’dir. Soğuk bir renktir ve çoğunlukla ferahlık, teknoloji ve netlik ile ilişkilendirilir. Tasarımcılar onu genellikle sağlık ve esenlik, teknoloji ürünleri ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 8,17:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Light Sea Green (#20b2aa), ΔE 0,89.

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

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

Tamamlayıcı

  1. #20b4aa
  2. #b4202a

Bölünmüş tamamlayıcı

  1. #20b4aa
  2. #b42074
  3. #b46020

Komşu

  1. #20b460
  2. #20b4aa
  3. #2074b4

Üçlü

  1. #20b4aa
  2. #aa20b4
  3. #b4aa20

Dörtlü

  1. #20b4aa
  2. #202ab4
  3. #b4202a
  4. #b4aa20

Kare

  1. #20b4aa
  2. #6020b4
  3. #b4202a
  4. #74b420

Tek renkli

  1. #09322f
  2. #14736d
  3. #20b4aa
  4. #43ded3
  5. #84e9e2

Koyu tonlar

#20b4aa kademeli olarak siyahla karıştırıldı.

  1. #20b4aa
  2. #1da299
  3. #1a9088
  4. #167e77
  5. #136c66
  6. #105a55
  7. #0d4844
  8. #0a3633
  9. #062422
  10. #031211
  11. #000000

Açık tonlar

#20b4aa kademeli olarak beyazla karıştırıldı.

  1. #20b4aa
  2. #36bcb3
  3. #4dc3bb
  4. #63cbc4
  5. #79d2cc
  6. #90dad5
  7. #a6e1dd
  8. #bce9e6
  9. #d2f0ee
  10. #e9f8f7
  11. #ffffff

Tonlar

#20b4aa kademeli olarak griyle karıştırıldı.

  1. #20b4aa
  2. #2aafa6
  3. #33aaa2
  4. #3da49d
  5. #469f99
  6. #509a95
  7. #5a9591
  8. #63908d
  9. #6d8a88
  10. #768584
  11. #808080

Okunaklı metin 2.57:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a1a1a1 Erkeklerin ≈ 0.003% kadarı
Akromatomali #81a9a5 Erkeklerin ≈ 0.001% kadarı
Protanopi #aaaaaa Erkeklerin ≈ 1.01% kadarı
Döteranopi #969bab Erkeklerin ≈ 1.27% kadarı
Tritanopi #00b9b1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #88aeaa Erkeklerin ≈ 1.08% kadarı
Döteranomali #79a6ab Erkeklerin ≈ 4.63% kadarı
Tritanomali #00b7ae Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-20b4aa {
  color: #20b4aa;
}
Arka plan
.bg-20b4aa {
  background-color: #20b4aa;
  color: #000000;
}
Kenarlık
.border-20b4aa {
  border: 2px solid #20b4aa;
}
CSS değişkenleri
:root {
  --color-primary: #20b4aa;
  --color-primary-rgb: 32 180 170;
  --color-primary-hsl: 176 70% 42%;
}
Geçiş
.gradient-20b4aa {
  background: linear-gradient(135deg, #20b4aa, #2074b4);
}
Renkli gölge
.shadow-20b4aa {
  box-shadow: 0 8px 24px rgb(32 180 170 / 0.35);
}

#20b2aa Light Sea Green ΔE 0.89 #0abab5 Tiffany Blue ΔE 2.51 #43b3ae Verdigris ΔE 2.74 #00a693 Persian Green ΔE 5.55 #00cccc Robin Egg Blue ΔE 7.39 #48d1cc Medium Turquoise ΔE 8.20 #00ced1 Dark Turquoise ΔE 8.38 #df4b55 Ters renk #a1a1a1 Gri tonlama 

Light Sea Green
#20b4aa  rgb(32, 180, 170)  hsl(176, 70%, 42%)  Light Sea Green
#b4202a  rgb(180, 32, 42)  hsl(356, 70%, 42%)  Firebrick
#aa20b4  rgb(170, 32, 180)  hsl(296, 70%, 42%)  Dark Orchid
#b4aa20  rgb(180, 170, 32)  hsl(56, 70%, 42%)  Brass