ColorTool
Giriş yap
#039CC3

#039cc3 ≈ Bondi Blue

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

#039cc3, “camgöbeği” ailesinden bir renktir; açıklığı düşük, doygunluğu canlı. RGB modelinde %1,18 kırmızı, %61,18 yeşil ve %76,47 maviden oluşur; CMYK baskıda %98,46 camgöbeği, %20 macenta, %0 sarı ve %23,53 siyah kullanır. Ton açısı 192,19°, HSL’de doygunluğu %96,97 ve açıklığı %38,82’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 6,55:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Bondi Blue (#0095b6), ΔE 2,92.

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

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

Tamamlayıcı

  1. #039cc3
  2. #c32a03

Bölünmüş tamamlayıcı

  1. #039cc3
  2. #c3033c
  3. #c38a03

Komşu

  1. #03c38a
  2. #039cc3
  3. #033cc3

Üçlü

  1. #039cc3
  2. #c3039c
  3. #9cc303

Dörtlü

  1. #039cc3
  2. #2a03c3
  3. #c32a03
  4. #9cc303

Kare

  1. #039cc3
  2. #8a03c3
  3. #c32a03
  4. #3cc303

Tek renkli

  1. #01232c
  2. #026078
  3. #039cc3
  4. #17cdfb
  5. #62ddfd

Koyu tonlar

#039cc3 kademeli olarak siyahla karıştırıldı.

  1. #039cc3
  2. #038cb0
  3. #027d9c
  4. #026d89
  5. #025e75
  6. #024e62
  7. #013e4e
  8. #012f3b
  9. #011f27
  10. #001014
  11. #000000

Açık tonlar

#039cc3 kademeli olarak beyazla karıştırıldı.

  1. #039cc3
  2. #1ca6c9
  3. #35b0cf
  4. #4fbad5
  5. #68c4db
  6. #81cee1
  7. #9ad7e7
  8. #b3e1ed
  9. #cdebf3
  10. #e6f5f9
  11. #ffffff

Tonlar

#039cc3 kademeli olarak griyle karıştırıldı.

  1. #039cc3
  2. #1099bc
  3. #1c96b6
  4. #2994af
  5. #3591a8
  6. #428ea2
  7. #4e8b9b
  8. #5b8894
  9. #67868d
  10. #748387
  11. #808080

Okunaklı metin 3.21:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #909090 Erkeklerin ≈ 0.003% kadarı
Akromatomali #7295a7 Erkeklerin ≈ 0.001% kadarı
Protanopi #8698c5 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7089c3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00a8a9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6a9ac4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #5891c3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00a3b4 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-039cc3 {
  color: #039cc3;
}
Arka plan
.bg-039cc3 {
  background-color: #039cc3;
  color: #000000;
}
Kenarlık
.border-039cc3 {
  border: 2px solid #039cc3;
}
CSS değişkenleri
:root {
  --color-primary: #039cc3;
  --color-primary-rgb: 3 156 195;
  --color-primary-hsl: 192 97% 39%;
}
Geçiş
.gradient-039cc3 {
  background: linear-gradient(135deg, #039cc3, #033cc3);
}
Renkli gölge
.shadow-039cc3 {
  box-shadow: 0 8px 24px rgb(3 156 195 / 0.35);
}

#0095b6 Bondi Blue ΔE 2.92 #56a0d3 Carolina Blue ΔE 8.00 #73a9c2 Moonstone Blue ΔE 8.63 #5d8aa8 Air Force Blue ΔE 9.25 #71a6d2 Iceberg ΔE 10.47 #00bfff Deep Sky Blue ΔE 11.63 #007ba7 Cerulean ΔE 11.94 #fc633c Ters renk #909090 Gri tonlama 

Bondi Blue
#039cc3  rgb(3, 156, 195)  hsl(192, 97%, 39%)  Bondi Blue
#c32a03  rgb(195, 42, 3)  hsl(12, 97%, 39%)  Rosso Corsa
#c3039c  rgb(195, 3, 156)  hsl(312, 97%, 39%)  Medium Violet Red
#9cc303  rgb(156, 195, 3)  hsl(72, 97%, 39%)  Apple Green