ColorTool
Giriş yap
#048CA3

#048ca3 ≈ Bondi Blue

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

#048ca3, “camgöbeği” ailesinden bir renktir; açıklığı düşük, doygunluğu güçlü. RGB modelinde %1,57 kırmızı, %54,9 yeşil ve %63,92 maviden oluşur; CMYK baskıda %97,55 camgöbeği, %14,11 macenta, %0 sarı ve %36,08 siyah kullanır. Ton açısı 188,68°, HSL’de doygunluğu %95,21 ve açıklığı %32,75’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 kurumsal kimlikler için kullanır. Bu renk üzerinde siyah metin 5,29:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Bondi Blue (#0095b6), ΔE 4,54.

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

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

Tamamlayıcı

  1. #048ca3
  2. #a31b04

Bölünmüş tamamlayıcı

  1. #048ca3
  2. #a3043d
  3. #a36b04

Komşu

  1. #04a36b
  2. #048ca3
  3. #043da3

Üçlü

  1. #048ca3
  2. #a3048c
  3. #8ca304

Dörtlü

  1. #048ca3
  2. #1b04a3
  3. #a31b04
  4. #8ca304

Kare

  1. #048ca3
  2. #6b04a3
  3. #a31b04
  4. #3da304

Tek renkli

  1. #001114
  2. #024c58
  3. #048ca3
  4. #06ccee
  5. #46e0fa

Koyu tonlar

#048ca3 kademeli olarak siyahla karıştırıldı.

  1. #048ca3
  2. #047e93
  3. #037082
  4. #036272
  5. #025462
  6. #024652
  7. #023841
  8. #012a31
  9. #011c21
  10. #000e10
  11. #000000

Açık tonlar

#048ca3 kademeli olarak beyazla karıştırıldı.

  1. #048ca3
  2. #1d98ac
  3. #36a3b5
  4. #4fafbf
  5. #68bac8
  6. #82c6d1
  7. #9bd1da
  8. #b4dde3
  9. #cde8ed
  10. #e6f4f6
  11. #ffffff

Tonlar

#048ca3 kademeli olarak griyle karıştırıldı.

  1. #048ca3
  2. #108ba0
  3. #1d8a9c
  4. #298899
  5. #368795
  6. #428692
  7. #4e858e
  8. #5b848b
  9. #678287
  10. #748184
  11. #808080

Okunaklı metin 3.97:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 5.29:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #808080 Erkeklerin ≈ 0.003% kadarı
Akromatomali #65858f Erkeklerin ≈ 0.001% kadarı
Protanopi #7c87a4 Erkeklerin ≈ 1.01% kadarı
Döteranopi #697aa3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #009493 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6289a4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #5381a3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00919a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-048ca3 {
  color: #048ca3;
}
Arka plan
.bg-048ca3 {
  background-color: #048ca3;
  color: #000000;
}
Kenarlık
.border-048ca3 {
  border: 2px solid #048ca3;
}
CSS değişkenleri
:root {
  --color-primary: #048ca3;
  --color-primary-rgb: 4 140 163;
  --color-primary-hsl: 189 95% 33%;
}
Geçiş
.gradient-048ca3 {
  background: linear-gradient(135deg, #048ca3, #043da3);
}
Renkli gölge
.shadow-048ca3 {
  box-shadow: 0 8px 24px rgb(4 140 163 / 0.35);
}

#0095b6 Bondi Blue ΔE 4.54 #367588 Teal Blue ΔE 8.88 #008b8b Dark Cyan ΔE 9.24 #007ba7 Cerulean ΔE 9.88 #5d8aa8 Air Force Blue ΔE 10.07 #008080 Teal ΔE 10.36 #5f9ea0 Cadet Blue ΔE 10.66 #fb735c Ters renk #808080 Gri tonlama 

Bondi Blue
#048ca3  rgb(4, 140, 163)  hsl(189, 95%, 33%)  Bondi Blue
#a31b04  rgb(163, 27, 4)  hsl(9, 95%, 33%)  Rufous
#a3048c  rgb(163, 4, 140)  hsl(309, 95%, 33%)  Dark Magenta
#8ca304  rgb(140, 163, 4)  hsl(69, 95%, 33%)  Apple Green