ColorTool
Giriş yap
#9FC7CD

#9fc7cd ≈ Light Blue

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

#9fc7cd, “camgöbeği” ailesinden bir renktir; açıklığı yüksek, doygunluğu düşük. RGB modelinde %62,35 kırmızı, %78,04 yeşil ve %80,39 maviden oluşur; CMYK baskıda %22,44 camgöbeği, %2,93 macenta, %0 sarı ve %19,61 siyah kullanır. Ton açısı 187,83°, HSL’de doygunluğu %31,51 ve açıklığı %71,37’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 11,53:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Light Blue (#add8e6), ΔE 5,3.

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

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

Tamamlayıcı

  1. #9fc7cd
  2. #cda59f

Bölünmüş tamamlayıcı

  1. #9fc7cd
  2. #cd9fb0
  3. #cdbc9f

Komşu

  1. #9fcdbc
  2. #9fc7cd
  3. #9fb0cd

Üçlü

  1. #9fc7cd
  2. #cd9fc7
  3. #c7cd9f

Dörtlü

  1. #9fc7cd
  2. #a59fcd
  3. #cda59f
  4. #c7cd9f

Kare

  1. #9fc7cd
  2. #bc9fcd
  3. #cda59f
  4. #b0cd9f

Tek renkli

  1. #48828b
  2. #6daab3
  3. #9fc7cd
  4. #d1e4e7
  5. #f2f7f8

Koyu tonlar

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

  1. #9fc7cd
  2. #8fb3b9
  3. #7f9fa4
  4. #6f8b90
  5. #5f777b
  6. #506467
  7. #405052
  8. #303c3e
  9. #202829
  10. #101415
  11. #000000

Açık tonlar

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

  1. #9fc7cd
  2. #a9cdd2
  3. #b2d2d7
  4. #bcd8dc
  5. #c5dde1
  6. #cfe3e6
  7. #d9e9eb
  8. #e2eef0
  9. #ecf4f5
  10. #f5f9fa
  11. #ffffff

Tonlar

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

  1. #9fc7cd
  2. #9cc0c5
  3. #99b9be
  4. #96b2b6
  5. #93abae
  6. #90a4a7
  7. #8c9c9f
  8. #899597
  9. #868e8f
  10. #838788
  11. #808080

Okunaklı metin 1.82:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 11.53:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #c0c0c0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #b4c3c5 Erkeklerin ≈ 0.001% kadarı
Protanopi #c0c4cd Erkeklerin ≈ 1.01% kadarı
Döteranopi #b8bdcd Erkeklerin ≈ 1.27% kadarı
Tritanopi #91cbc9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #b4c5cd Erkeklerin ≈ 1.08% kadarı
Döteranomali #afc1cd Erkeklerin ≈ 4.63% kadarı
Tritanomali #97c9ca Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-9fc7cd {
  color: #9fc7cd;
}
Arka plan
.bg-9fc7cd {
  background-color: #9fc7cd;
  color: #000000;
}
Kenarlık
.border-9fc7cd {
  border: 2px solid #9fc7cd;
}
CSS değişkenleri
:root {
  --color-primary: #9fc7cd;
  --color-primary-rgb: 159 199 205;
  --color-primary-hsl: 188 32% 71%;
}
Geçiş
.gradient-9fc7cd {
  background: linear-gradient(135deg, #9fc7cd, #9fb0cd);
}
Renkli gölge
.shadow-9fc7cd {
  box-shadow: 0 8px 24px rgb(159 199 205 / 0.35);
}

#add8e6 Light Blue ΔE 5.30 #aec6cf Pastel Blue ΔE 5.33 #b0e0e6 Powder Blue ΔE 6.01 #a8c3bc Opal ΔE 6.21 #a4dded Non-Photo Blue ΔE 6.46 #b9d9eb Columbia Blue ΔE 8.14 #87ceeb Sky Blue ΔE 8.25 #603832 Ters renk #c0c0c0 Gri tonlama 

Light Blue
#9fc7cd  rgb(159, 199, 205)  hsl(188, 32%, 71%)  Light Blue
#cda59f  rgb(205, 165, 159)  hsl(8, 32%, 71%)  Pastel Pink
#cd9fc7  rgb(205, 159, 199)  hsl(308, 32%, 71%)  Lilac
#c7cd9f  rgb(199, 205, 159)  hsl(68, 32%, 71%)  Sage