ColorTool
Giriş yap
#C9D2E7

#c9d2e7 ≈ Light Steel Blue

  • mavi
  • Açıklık: çok yüksek
  • Doygunluk: düşük
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#c9d2e7, “mavi” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %78,82 kırmızı, %82,35 yeşil ve %90,59 maviden oluşur; CMYK baskıda %12,99 camgöbeği, %9,09 macenta, %0 sarı ve %9,41 siyah kullanır. Ton açısı 222°, HSL’de doygunluğu %38,46 ve açıklığı %84,71’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 13,86:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Light Steel Blue (#b0c4de), ΔE 5,56.

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

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

Tamamlayıcı

  1. #c9d2e7
  2. #e7dec9

Bölünmüş tamamlayıcı

  1. #c9d2e7
  2. #e7cfc9
  3. #e1e7c9

Komşu

  1. #c9e1e7
  2. #c9d2e7
  3. #cfc9e7

Üçlü

  1. #c9d2e7
  2. #e7c9d2
  3. #d2e7c9

Dörtlü

  1. #c9d2e7
  2. #dec9e7
  3. #e7dec9
  4. #d2e7c9

Kare

  1. #c9d2e7
  2. #e7c9e1
  3. #e7dec9
  4. #c9e7cf

Tek renkli

  1. #5f7ab8
  2. #94a6cf
  3. #c9d2e7
  4. #f1f3f9
  5. #f1f3f9

Koyu tonlar

#c9d2e7 kademeli olarak siyahla karıştırıldı.

  1. #c9d2e7
  2. #b5bdd0
  3. #a1a8b9
  4. #8d93a2
  5. #797e8b
  6. #656974
  7. #50545c
  8. #3c3f45
  9. #282a2e
  10. #141517
  11. #000000

Açık tonlar

#c9d2e7 kademeli olarak beyazla karıştırıldı.

  1. #c9d2e7
  2. #ced7e9
  3. #d4dbec
  4. #d9e0ee
  5. #dfe4f1
  6. #e4e9f3
  7. #e9edf5
  8. #eff2f8
  9. #f4f6fa
  10. #fafbfd
  11. #ffffff

Tonlar

#c9d2e7 kademeli olarak griyle karıştırıldı.

  1. #c9d2e7
  2. #c2cadd
  3. #bac2d2
  4. #b3b9c8
  5. #acb1be
  6. #a5a9b4
  7. #9da1a9
  8. #96999f
  9. #8f9095
  10. #87888a
  11. #808080

Okunaklı metin 1.52:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 13.86:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #d2d2d2 Erkeklerin ≈ 0.003% kadarı
Akromatomali #ced2db Erkeklerin ≈ 0.001% kadarı
Protanopi #ccd3e8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #c9d1e6 Erkeklerin ≈ 1.27% kadarı
Tritanopi #c2d6d9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #cbd3e8 Erkeklerin ≈ 1.08% kadarı
Döteranomali #c9d1e7 Erkeklerin ≈ 4.63% kadarı
Tritanomali #c5d4df Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-c9d2e7 {
  color: #c9d2e7;
}
Arka plan
.bg-c9d2e7 {
  background-color: #c9d2e7;
  color: #000000;
}
Kenarlık
.border-c9d2e7 {
  border: 2px solid #c9d2e7;
}
CSS değişkenleri
:root {
  --color-primary: #c9d2e7;
  --color-primary-rgb: 201 210 231;
  --color-primary-hsl: 222 38% 85%;
}
Geçiş
.gradient-c9d2e7 {
  background: linear-gradient(135deg, #c9d2e7, #cfc9e7);
}
Renkli gölge
.shadow-c9d2e7 {
  box-shadow: 0 8px 24px rgb(201 210 231 / 0.35);
}

#b0c4de Light Steel Blue ΔE 5.56 #e6e6fa Lavender ΔE 6.34 #bcd4e6 Pale Aqua ΔE 6.55 #b9d9eb Columbia Blue ΔE 9.00 #d3d3d3 Light Gray ΔE 9.13 #d3d3d3 Light Grey ΔE 9.13 #ccccff Periwinkle ΔE 9.18 #362d18 Ters renk #d2d2d2 Gri tonlama 

Light Steel Blue
#c9d2e7  rgb(201, 210, 231)  hsl(222, 38%, 85%)  Light Steel Blue
#e7dec9  rgb(231, 222, 201)  hsl(42, 38%, 85%)  Pearl
#e7c9d2  rgb(231, 201, 210)  hsl(342, 38%, 85%)  Pale Pink
#d2e7c9  rgb(210, 231, 201)  hsl(102, 38%, 85%)  Tea Green