ColorTool
Giriş yap
#18ABD0

#18abd0 ≈ Bondi Blue

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

#18abd0, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %9,41 kırmızı, %67,06 yeşil ve %81,57 maviden oluşur; CMYK baskıda %88,46 camgöbeği, %17,79 macenta, %0 sarı ve %18,43 siyah kullanır. Ton açısı 192,07°, HSL’de doygunluğu %79,31 ve açıklığı %45,49’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 marka vurguları için kullanır. Bu renk üzerinde siyah metin 7,77:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Bondi Blue (#0095b6), ΔE 6,96.

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

Tamamlayıcı

  1. #18abd0
  2. #d03d18

Bölünmüş tamamlayıcı

  1. #18abd0
  2. #d0184f
  3. #d09918

Komşu

  1. #18d099
  2. #18abd0
  3. #184fd0

Üçlü

  1. #18abd0
  2. #d018ab
  3. #abd018

Dörtlü

  1. #18abd0
  2. #3d18d0
  3. #d03d18
  4. #abd018

Kare

  1. #18abd0
  2. #9918d0
  3. #d03d18
  4. #4fd018

Tek renkli

  1. #083a47
  2. #10738b
  3. #18abd0
  4. #4acaea
  5. #8fdef2

Koyu tonlar

#18abd0 kademeli olarak siyahla karıştırıldı.

  1. #18abd0
  2. #169abb
  3. #1389a6
  4. #117892
  5. #0e677d
  6. #0c5668
  7. #0a4453
  8. #07333e
  9. #05222a
  10. #021115
  11. #000000

Açık tonlar

#18abd0 kademeli olarak beyazla karıştırıldı.

  1. #18abd0
  2. #2fb3d5
  3. #46bcd9
  4. #5dc4de
  5. #74cde3
  6. #8cd5e8
  7. #a3ddec
  8. #bae6f1
  9. #d1eef6
  10. #e8f7fa
  11. #ffffff

Tonlar

#18abd0 kademeli olarak griyle karıştırıldı.

  1. #18abd0
  2. #22a7c8
  3. #2da2c0
  4. #379eb8
  5. #429ab0
  6. #4c96a8
  7. #5691a0
  8. #618d98
  9. #6b8990
  10. #768488
  11. #808080

Okunaklı metin 2.7:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.77:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9d9d9d Erkeklerin ≈ 0.003% kadarı
Akromatomali #7ea3b4 Erkeklerin ≈ 0.001% kadarı
Protanopi #95a6d2 Erkeklerin ≈ 1.01% kadarı
Döteranopi #7e96d0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00b7b7 Erkeklerin ≈ 0.0001% kadarı
Protanomali #77a8d1 Erkeklerin ≈ 1.08% kadarı
Döteranomali #659fd0 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00b2c1 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-18abd0 {
  color: #18abd0;
}
Arka plan
.bg-18abd0 {
  background-color: #18abd0;
  color: #000000;
}
Kenarlık
.border-18abd0 {
  border: 2px solid #18abd0;
}
CSS değişkenleri
:root {
  --color-primary: #18abd0;
  --color-primary-rgb: 24 171 208;
  --color-primary-hsl: 192 79% 45%;
}
Geçiş
.gradient-18abd0 {
  background: linear-gradient(135deg, #18abd0, #184fd0);
}
Renkli gölge
.shadow-18abd0 {
  box-shadow: 0 8px 24px rgb(24 171 208 / 0.35);
}

#0095b6 Bondi Blue ΔE 6.96 #73a9c2 Moonstone Blue ΔE 7.21 #00bfff Deep Sky Blue ΔE 8.64 #56a0d3 Carolina Blue ΔE 8.87 #71a6d2 Iceberg ΔE 10.22 #87ceeb Sky Blue ΔE 11.80 #73c2fb Maya Blue ΔE 11.98 #e7542f Ters renk #9d9d9d Gri tonlama 

Bondi Blue
#18abd0  rgb(24, 171, 208)  hsl(192, 79%, 45%)  Bondi Blue
#d03d18  rgb(208, 61, 24)  hsl(12, 79%, 45%)  Sinopia
#d018ab  rgb(208, 24, 171)  hsl(312, 79%, 45%)  Medium Violet Red
#abd018  rgb(171, 208, 24)  hsl(72, 79%, 45%)  Yellow Green