ColorTool
Giriş yap
#4DB5F2

#4db5f2 ≈ Deep Sky Blue

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

#4db5f2, “gök mavisi” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %30,2 kırmızı, %70,98 yeşil ve %94,9 maviden oluşur; CMYK baskıda %68,18 camgöbeği, %25,21 macenta, %0 sarı ve %5,1 siyah kullanır. Ton açısı 202,18°, HSL’de doygunluğu %86,39 ve açıklığı %62,55’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 9,21:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Deep Sky Blue (#00bfff), ΔE 4,21.

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.4104

Tamamlayıcı

  1. #4db5f2
  2. #f28a4d

Bölünmüş tamamlayıcı

  1. #4db5f2
  2. #f24d63
  3. #f2dc4d

Komşu

  1. #4df2dc
  2. #4db5f2
  3. #4d63f2

Üçlü

  1. #4db5f2
  2. #f24db5
  3. #b5f24d

Dörtlü

  1. #4db5f2
  2. #8a4df2
  3. #f28a4d
  4. #b5f24d

Kare

  1. #4db5f2
  2. #dc4df2
  3. #f28a4d
  4. #63f24d

Tek renkli

  1. #0b669b
  2. #1195e2
  3. #4db5f2
  4. #94d3f7
  5. #dcf0fc

Koyu tonlar

#4db5f2 kademeli olarak siyahla karıştırıldı.

  1. #4db5f2
  2. #45a3da
  3. #3e91c2
  4. #367fa9
  5. #2e6d91
  6. #275b79
  7. #1f4861
  8. #173649
  9. #0f2430
  10. #081218
  11. #000000

Açık tonlar

#4db5f2 kademeli olarak beyazla karıştırıldı.

  1. #4db5f2
  2. #5fbcf3
  3. #71c4f5
  4. #82cbf6
  5. #94d3f7
  6. #a6daf9
  7. #b8e1fa
  8. #cae9fb
  9. #dbf0fc
  10. #edf8fe
  11. #ffffff

Tonlar

#4db5f2 kademeli olarak griyle karıştırıldı.

  1. #4db5f2
  2. #52b0e7
  3. #57aadb
  4. #5ca5d0
  5. #61a0c4
  6. #679bb9
  7. #6c95ae
  8. #7190a2
  9. #768b97
  10. #7b858b
  11. #808080

Okunaklı metin 2.28:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.21:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #acacac Erkeklerin ≈ 0.003% kadarı
Akromatomali #8fafcc Erkeklerin ≈ 0.001% kadarı
Protanopi #98b5f5 Erkeklerin ≈ 1.01% kadarı
Döteranopi #82a4f1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00c5ca Erkeklerin ≈ 0.0001% kadarı
Protanomali #81b5f4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #70abf1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00bfdb Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-4db5f2 {
  color: #4db5f2;
}
Arka plan
.bg-4db5f2 {
  background-color: #4db5f2;
  color: #000000;
}
Kenarlık
.border-4db5f2 {
  border: 2px solid #4db5f2;
}
CSS değişkenleri
:root {
  --color-primary: #4db5f2;
  --color-primary-rgb: 77 181 242;
  --color-primary-hsl: 202 86% 63%;
}
Geçiş
.gradient-4db5f2 {
  background: linear-gradient(135deg, #4db5f2, #4d63f2);
}
Renkli gölge
.shadow-4db5f2 {
  box-shadow: 0 8px 24px rgb(77 181 242 / 0.35);
}

#00bfff Deep Sky Blue ΔE 4.21 #73c2fb Maya Blue ΔE 4.54 #56a0d3 Carolina Blue ΔE 6.41 #71a6d2 Iceberg ΔE 6.66 #87cefa Light Sky Blue ΔE 7.83 #73a9c2 Moonstone Blue ΔE 8.78 #89cff0 Baby Blue ΔE 9.40 #b24a0d Ters renk #acacac Gri tonlama 

Deep Sky Blue
#4db5f2  rgb(77, 181, 242)  hsl(202, 86%, 63%)  Deep Sky Blue
#f28a4d  rgb(242, 138, 77)  hsl(22, 86%, 63%)  Mango Tango
#f24db5  rgb(242, 77, 181)  hsl(322, 86%, 63%)  Wild Strawberry
#b5f24d  rgb(181, 242, 77)  hsl(82, 86%, 63%)  Inchworm