ColorTool
Giriş yap
#64C3ED

#64c3ed ≈ Baby Blue

  • gök mavisi
  • Açıklık: yüksek
  • Doygunluk: güçlü
  • Soğuk
Kontrastı denetle Grafikte keşfet Rastgele renk

#64c3ed, “gök mavisi” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %39,22 kırmızı, %76,47 yeşil ve %92,94 maviden oluşur; CMYK baskıda %57,81 camgöbeği, %17,72 macenta, %0 sarı ve %7,06 siyah kullanır. Ton açısı 198,39°, HSL’de doygunluğu %79,19 ve açıklığı %66,08’dir. Soğuk bir renktir ve çoğunlukla açıklık, özgürlük ve huzur ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 10,57:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Baby Blue (#89cff0), ΔE 4,56.

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

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

Tamamlayıcı

  1. #64c3ed
  2. #ed8e64

Bölünmüş tamamlayıcı

  1. #64c3ed
  2. #ed647f
  3. #edd264

Komşu

  1. #64edd2
  2. #64c3ed
  3. #647fed

Üçlü

  1. #64c3ed
  2. #ed64c3
  3. #c3ed64

Dörtlü

  1. #64c3ed
  2. #8e64ed
  3. #ed8e64
  4. #c3ed64

Kare

  1. #64c3ed
  2. #d264ed
  3. #ed8e64
  4. #7fed64

Tek renkli

  1. #1378a5
  2. #1fa8e5
  3. #64c3ed
  4. #a9def5
  5. #edf8fd

Koyu tonlar

#64c3ed kademeli olarak siyahla karıştırıldı.

  1. #64c3ed
  2. #5ab0d5
  3. #509cbe
  4. #4689a6
  5. #3c758e
  6. #326277
  7. #284e5f
  8. #1e3b47
  9. #14272f
  10. #0a1418
  11. #000000

Açık tonlar

#64c3ed kademeli olarak beyazla karıştırıldı.

  1. #64c3ed
  2. #74c9ef
  3. #83cff1
  4. #93d5f2
  5. #a2dbf4
  6. #b2e1f6
  7. #c1e7f8
  8. #d1edfa
  9. #e0f3fb
  10. #f0f9fd
  11. #ffffff

Tonlar

#64c3ed kademeli olarak griyle karıştırıldı.

  1. #64c3ed
  2. #67bce2
  3. #6ab6d7
  4. #6cafcc
  5. #6fa8c1
  6. #72a2b7
  7. #759bac
  8. #7894a1
  9. #7a8d96
  10. #7d878b
  11. #808080

Okunaklı metin 1.99:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 10.57:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #b8b8b8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9dbccf Erkeklerin ≈ 0.001% kadarı
Protanopi #adc0ef Erkeklerin ≈ 1.01% kadarı
Döteranopi #9ab2ec Erkeklerin ≈ 1.27% kadarı
Tritanopi #00cfd1 Erkeklerin ≈ 0.0001% kadarı
Protanomali #96c1ee Erkeklerin ≈ 1.08% kadarı
Döteranomali #88b9ed Erkeklerin ≈ 4.63% kadarı
Tritanomali #31cadd Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-64c3ed {
  color: #64c3ed;
}
Arka plan
.bg-64c3ed {
  background-color: #64c3ed;
  color: #000000;
}
Kenarlık
.border-64c3ed {
  border: 2px solid #64c3ed;
}
CSS değişkenleri
:root {
  --color-primary: #64c3ed;
  --color-primary-rgb: 100 195 237;
  --color-primary-hsl: 198 79% 66%;
}
Geçiş
.gradient-64c3ed {
  background: linear-gradient(135deg, #64c3ed, #647fed);
}
Renkli gölge
.shadow-64c3ed {
  box-shadow: 0 8px 24px rgb(100 195 237 / 0.35);
}

#89cff0 Baby Blue ΔE 4.56 #87ceeb Sky Blue ΔE 4.78 #87cefa Light Sky Blue ΔE 4.83 #00bfff Deep Sky Blue ΔE 4.86 #73c2fb Maya Blue ΔE 5.27 #73a9c2 Moonstone Blue ΔE 8.30 #71a6d2 Iceberg ΔE 9.61 #9b3c12 Ters renk #b8b8b8 Gri tonlama 

Baby Blue
#64c3ed  rgb(100, 195, 237)  hsl(198, 79%, 66%)  Baby Blue
#ed8e64  rgb(237, 142, 100)  hsl(18, 79%, 66%)  Dark Salmon
#ed64c3  rgb(237, 100, 195)  hsl(318, 79%, 66%)  Rose Pink
#c3ed64  rgb(195, 237, 100)  hsl(78, 79%, 66%)  Inchworm