ColorTool
Giriş yap
#9BC4AE

#9bc4ae ≈ Opal

  • yeşil
  • Açıklık: yüksek
  • Doygunluk: düşük
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#9bc4ae, “yeşil” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %60,78 kırmızı, %76,86 yeşil ve %68,24 maviden oluşur; CMYK baskıda %20,92 camgöbeği, %0 macenta, %11,22 sarı ve %23,14 siyah kullanır. Ton açısı 147,8°, HSL’de doygunluğu %25,79 ve açıklığı %68,82’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla doğa, sağlık ve denge ile ilişkilendirilir. Tasarımcılar onu genellikle çevre dostu markalar, sağlık ve esenlik ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 10,9:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Opal (#a8c3bc), ΔE 6,87.

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

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

Tamamlayıcı

  1. #9bc4ae
  2. #c49bb1

Bölünmüş tamamlayıcı

  1. #9bc4ae
  2. #c29bc4
  3. #c49b9c

Komşu

  1. #9cc49b
  2. #9bc4ae
  3. #9bc4c2

Üçlü

  1. #9bc4ae
  2. #ae9bc4
  3. #c4ae9b

Dörtlü

  1. #9bc4ae
  2. #9bb1c4
  3. #c49bb1
  4. #c4ae9b

Kare

  1. #9bc4ae
  2. #9b9cc4
  3. #c49bb1
  4. #c4c29b

Tek renkli

  1. #497d61
  2. #6ba887
  3. #9bc4ae
  4. #cbe0d5
  5. #f2f7f5

Koyu tonlar

#9bc4ae kademeli olarak siyahla karıştırıldı.

  1. #9bc4ae
  2. #8cb09d
  3. #7c9d8b
  4. #6d897a
  5. #5d7668
  6. #4e6257
  7. #3e4e46
  8. #2f3b34
  9. #1f2723
  10. #101411
  11. #000000

Açık tonlar

#9bc4ae kademeli olarak beyazla karıştırıldı.

  1. #9bc4ae
  2. #a5cab6
  3. #afd0be
  4. #b9d6c6
  5. #c3dcce
  6. #cde2d7
  7. #d7e7df
  8. #e1ede7
  9. #ebf3ef
  10. #f5f9f7
  11. #ffffff

Tonlar

#9bc4ae kademeli olarak griyle karıştırıldı.

  1. #9bc4ae
  2. #98bda9
  3. #96b6a5
  4. #93b0a0
  5. #90a99c
  6. #8ea297
  7. #8b9b92
  8. #88948e
  9. #858e89
  10. #838785
  11. #808080

Okunaklı metin 1.93:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.9:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #bbbbbb Erkeklerin ≈ 0.003% kadarı
Akromatomali #afbeb6 Erkeklerin ≈ 0.001% kadarı
Protanopi #c3bead Erkeklerin ≈ 1.01% kadarı
Döteranopi #bbb9af Erkeklerin ≈ 1.27% kadarı
Tritanopi #93c4bd Erkeklerin ≈ 0.0001% kadarı
Protanomali #b4c0ad Erkeklerin ≈ 1.08% kadarı
Döteranomali #afbdaf Erkeklerin ≈ 4.63% kadarı
Tritanomali #96c4b7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-9bc4ae {
  color: #9bc4ae;
}
Arka plan
.bg-9bc4ae {
  background-color: #9bc4ae;
  color: #000000;
}
Kenarlık
.border-9bc4ae {
  border: 2px solid #9bc4ae;
}
CSS değişkenleri
:root {
  --color-primary: #9bc4ae;
  --color-primary-rgb: 155 196 174;
  --color-primary-hsl: 148 26% 69%;
}
Geçiş
.gradient-9bc4ae {
  background: linear-gradient(135deg, #9bc4ae, #9bc4c2);
}
Renkli gölge
.shadow-9bc4ae {
  box-shadow: 0 8px 24px rgb(155 196 174 / 0.35);
}

#a8c3bc Opal ΔE 6.87 #8fbc8f Dark Sea Green ΔE 7.36 #9fe2bf Seafoam Green ΔE 8.27 #66cdaa Medium Aquamarine ΔE 9.24 #ace1af Celadon ΔE 9.87 #b2beb5 Ash Gray ΔE 10.01 #aaf0d1 Magic Mint ΔE 10.72 #643b51 Ters renk #bbbbbb Gri tonlama 

Opal
#9bc4ae  rgb(155, 196, 174)  hsl(148, 26%, 69%)  Opal
#c49bb1  rgb(196, 155, 177)  hsl(328, 26%, 69%)  Lilac
#ae9bc4  rgb(174, 155, 196)  hsl(268, 26%, 69%)  Pastel Purple
#c4ae9b  rgb(196, 174, 155)  hsl(28, 26%, 69%)  Tan