ColorTool
Giriş yap
#21ABC8

#21abc8 ≈ Bondi Blue

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

#21abc8, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %12,94 kırmızı, %67,06 yeşil ve %78,43 maviden oluşur; CMYK baskıda %83,5 camgöbeği, %14,5 macenta, %0 sarı ve %21,57 siyah kullanır. Ton açısı 190,42°, HSL’de doygunluğu %71,67 ve açıklığı %45,69’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,72:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Bondi Blue (#0095b6), ΔE 7,07.

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

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

Tamamlayıcı

  1. #21abc8
  2. #c83e21

Bölünmüş tamamlayıcı

  1. #21abc8
  2. #c82158
  3. #c89221

Komşu

  1. #21c892
  2. #21abc8
  3. #2158c8

Üçlü

  1. #21abc8
  2. #c821ab
  3. #abc821

Dörtlü

  1. #21abc8
  2. #3e21c8
  3. #c83e21
  4. #abc821

Kare

  1. #21abc8
  2. #9221c8
  3. #c83e21
  4. #58c821

Tek renkli

  1. #0b3b45
  2. #167386
  3. #21abc8
  4. #53cae3
  5. #95deed

Koyu tonlar

#21abc8 kademeli olarak siyahla karıştırıldı.

  1. #21abc8
  2. #1e9ab4
  3. #1a89a0
  4. #17788c
  5. #146778
  6. #115664
  7. #0d4450
  8. #0a333c
  9. #072228
  10. #031114
  11. #000000

Açık tonlar

#21abc8 kademeli olarak beyazla karıştırıldı.

  1. #21abc8
  2. #37b3ce
  3. #4dbcd3
  4. #64c4d9
  5. #7acdde
  6. #90d5e4
  7. #a6dde9
  8. #bce6ef
  9. #d3eef4
  10. #e9f7fa
  11. #ffffff

Tonlar

#21abc8 kademeli olarak griyle karıştırıldı.

  1. #21abc8
  2. #2ba7c1
  3. #34a2ba
  4. #3e9eb2
  5. #479aab
  6. #5196a4
  7. #5a919d
  8. #648d96
  9. #6d898e
  10. #778487
  11. #808080

Okunaklı metin 2.72:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.72:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9d9d9d Erkeklerin ≈ 0.003% kadarı
Akromatomali #7ea3b0 Erkeklerin ≈ 0.001% kadarı
Protanopi #98a6ca Erkeklerin ≈ 1.01% kadarı
Döteranopi #8296c8 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00b5b4 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7aa8c9 Erkeklerin ≈ 1.08% kadarı
Döteranomali #699fc8 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00b1bc Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-21abc8 {
  color: #21abc8;
}
Arka plan
.bg-21abc8 {
  background-color: #21abc8;
  color: #000000;
}
Kenarlık
.border-21abc8 {
  border: 2px solid #21abc8;
}
CSS değişkenleri
:root {
  --color-primary: #21abc8;
  --color-primary-rgb: 33 171 200;
  --color-primary-hsl: 190 72% 46%;
}
Geçiş
.gradient-21abc8 {
  background: linear-gradient(135deg, #21abc8, #2158c8);
}
Renkli gölge
.shadow-21abc8 {
  box-shadow: 0 8px 24px rgb(33 171 200 / 0.35);
}

#0095b6 Bondi Blue ΔE 7.07 #73a9c2 Moonstone Blue ΔE 7.64 #5f9ea0 Cadet Blue ΔE 10.05 #00bfff Deep Sky Blue ΔE 10.61 #56a0d3 Carolina Blue ΔE 10.67 #71a6d2 Iceberg ΔE 11.63 #87ceeb Sky Blue ΔE 12.15 #de5437 Ters renk #9d9d9d Gri tonlama 

Bondi Blue
#21abc8  rgb(33, 171, 200)  hsl(190, 72%, 46%)  Bondi Blue
#c83e21  rgb(200, 62, 33)  hsl(10, 72%, 46%)  Sinopia
#c821ab  rgb(200, 33, 171)  hsl(310, 72%, 46%)  Medium Violet Red
#abc821  rgb(171, 200, 33)  hsl(70, 72%, 46%)  Yellow Green