ColorTool
Giriş yap
#4CAFFA

#4caffa ≈ Carolina Blue

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

#4caffa, “gök mavisi” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %29,8 kırmızı, %68,63 yeşil ve %98,04 maviden oluşur; CMYK baskıda %69,6 camgöbeği, %30 macenta, %0 sarı ve %1,96 siyah kullanır. Ton açısı 205,86°, HSL’de doygunluğu %94,57 ve açıklığı %63,92’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 8,82:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Carolina Blue (#56a0d3), ΔE 5,62.

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

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

Tamamlayıcı

  1. #4caffa
  2. #fa974c

Bölünmüş tamamlayıcı

  1. #4caffa
  2. #fa4c58
  3. #faee4c

Komşu

  1. #4cfaee
  2. #4caffa
  3. #4c58fa

Üçlü

  1. #4caffa
  2. #fa4caf
  3. #affa4c

Dörtlü

  1. #4caffa
  2. #974cfa
  3. #fa974c
  4. #affa4c

Kare

  1. #4caffa
  2. #ee4cfa
  3. #fa974c
  4. #58fa4c

Tek renkli

  1. #0562a8
  2. #078df3
  3. #4caffa
  4. #96d0fc
  5. #e1f2fe

Koyu tonlar

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

  1. #4caffa
  2. #449ee1
  3. #3d8cc8
  4. #357baf
  5. #2e6996
  6. #26587d
  7. #1e4664
  8. #17354b
  9. #0f2332
  10. #081219
  11. #000000

Açık tonlar

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

  1. #4caffa
  2. #5eb7fb
  3. #70bffb
  4. #82c7fc
  5. #94cffc
  6. #a6d7fd
  7. #b7dffd
  8. #c9e7fe
  9. #dbeffe
  10. #edf7ff
  11. #ffffff

Tonlar

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

  1. #4caffa
  2. #51aaee
  3. #56a6e2
  4. #5ca1d5
  5. #619cc9
  6. #6698bd
  7. #6b93b1
  8. #708ea5
  9. #768998
  10. #7b858c
  11. #808080

Okunaklı metin 2.38:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.82:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a8a8a8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8cabce Erkeklerin ≈ 0.001% kadarı
Protanopi #8db1fd Erkeklerin ≈ 1.01% kadarı
Döteranopi #75a0f9 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00c1c9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #78b0fc Erkeklerin ≈ 1.08% kadarı
Döteranomali #67a6f9 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00badf Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-4caffa {
  color: #4caffa;
}
Arka plan
.bg-4caffa {
  background-color: #4caffa;
  color: #000000;
}
Kenarlık
.border-4caffa {
  border: 2px solid #4caffa;
}
CSS değişkenleri
:root {
  --color-primary: #4caffa;
  --color-primary-rgb: 76 175 250;
  --color-primary-hsl: 206 95% 64%;
}
Geçiş
.gradient-4caffa {
  background: linear-gradient(135deg, #4caffa, #4c58fa);
}
Renkli gölge
.shadow-4caffa {
  box-shadow: 0 8px 24px rgb(76 175 250 / 0.35);
}

#56a0d3 Carolina Blue ΔE 5.62 #73c2fb Maya Blue ΔE 5.73 #71a6d2 Iceberg ΔE 5.84 #00bfff Deep Sky Blue ΔE 7.54 #87cefa Light Sky Blue ΔE 9.65 #1e90ff Dodger Blue ΔE 9.68 #73a9c2 Moonstone Blue ΔE 10.25 #b35005 Ters renk #a8a8a8 Gri tonlama 

Carolina Blue
#4caffa  rgb(76, 175, 250)  hsl(206, 95%, 64%)  Carolina Blue
#fa974c  rgb(250, 151, 76)  hsl(26, 95%, 64%)  Sandy Brown
#fa4caf  rgb(250, 76, 175)  hsl(326, 95%, 64%)  Wild Strawberry
#affa4c  rgb(175, 250, 76)  hsl(86, 95%, 64%)  Green Yellow