ColorTool
Giriş yap
#DDF0F2

#ddf0f2 ≈ Azure

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

#ddf0f2, “camgöbeği” ailesinden bir renktir; açıklığı çok yüksek, doygunluğu düşük. RGB modelinde %86,67 kırmızı, %94,12 yeşil ve %94,9 maviden oluşur; CMYK baskıda %8,68 camgöbeği, %0,83 macenta, %0 sarı ve %5,1 siyah kullanır. Ton açısı 185,71°, HSL’de doygunluğu %44,68 ve açıklığı %90,78’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 yumuşak pastel paletler için kullanır. Bu renk üzerinde siyah metin 17,82:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Azure (#f0ffff), ΔE 3,57.

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

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

Tamamlayıcı

  1. #ddf0f2
  2. #f2dfdd

Bölünmüş tamamlayıcı

  1. #ddf0f2
  2. #f2dde5
  3. #f2e9dd

Komşu

  1. #ddf2e9
  2. #ddf0f2
  3. #dde5f2

Üçlü

  1. #ddf0f2
  2. #f2ddf0
  3. #f0f2dd

Dörtlü

  1. #ddf0f2
  2. #dfddf2
  3. #f2dfdd
  4. #f0f2dd

Kare

  1. #ddf0f2
  2. #e9ddf2
  3. #f2dfdd
  4. #e5f2dd

Tek renkli

  1. #6ebfc8
  2. #a6d8dd
  3. #ddf0f2
  4. #f0f8f9
  5. #f0f8f9

Koyu tonlar

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

  1. #ddf0f2
  2. #c7d8da
  3. #b1c0c2
  4. #9ba8a9
  5. #859091
  6. #6f7879
  7. #586061
  8. #424849
  9. #2c3030
  10. #161818
  11. #000000

Açık tonlar

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

  1. #ddf0f2
  2. #e0f2f3
  3. #e4f3f5
  4. #e7f5f6
  5. #ebf6f7
  6. #eef8f9
  7. #f1f9fa
  8. #f5fbfb
  9. #f8fcfc
  10. #fcfefe
  11. #ffffff

Tonlar

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

  1. #ddf0f2
  2. #d4e5e7
  3. #cadadb
  4. #c1ced0
  5. #b8c3c4
  6. #afb8b9
  7. #a5adae
  8. #9ca2a2
  9. #939697
  10. #898b8b
  11. #808080

Okunaklı metin 1.18:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 17.82:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ececec Erkeklerin ≈ 0.003% kadarı
Akromatomali #e6eeef Erkeklerin ≈ 0.001% kadarı
Protanopi #edeef2 Erkeklerin ≈ 1.01% kadarı
Döteranopi #e9ebf2 Erkeklerin ≈ 1.27% kadarı
Tritanopi #d7f2f1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #e7eff2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #e4edf2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #daf1f1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-ddf0f2 {
  color: #ddf0f2;
}
Arka plan
.bg-ddf0f2 {
  background-color: #ddf0f2;
  color: #000000;
}
Kenarlık
.border-ddf0f2 {
  border: 2px solid #ddf0f2;
}
CSS değişkenleri
:root {
  --color-primary: #ddf0f2;
  --color-primary-rgb: 221 240 242;
  --color-primary-hsl: 186 45% 91%;
}
Geçiş
.gradient-ddf0f2 {
  background: linear-gradient(135deg, #ddf0f2, #dde5f2);
}
Renkli gölge
.shadow-ddf0f2 {
  box-shadow: 0 8px 24px rgb(221 240 242 / 0.35);
}

#f0ffff Azure ΔE 3.57 #e0ffff Light Cyan ΔE 4.78 #f5fffa Mint Cream ΔE 5.42 #f0f8ff Alice Blue ΔE 6.03 #f5f5f5 White Smoke ΔE 7.90 #f0fff0 Honeydew ΔE 8.06 #e5e4e2 Platinum ΔE 8.31 #220f0d Ters renk #ececec Gri tonlama 

Azure
#ddf0f2  rgb(221, 240, 242)  hsl(186, 45%, 91%)  Azure
#f2dfdd  rgb(242, 223, 221)  hsl(6, 45%, 91%)  Misty Rose
#f2ddf0  rgb(242, 221, 240)  hsl(306, 45%, 91%)  Languid Lavender
#f0f2dd  rgb(240, 242, 221)  hsl(66, 45%, 91%)  Beige