ColorTool
Giriş yap
#56B8D1

#56b8d1 ≈ Moonstone Blue

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

#56b8d1, “camgöbeği” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %33,73 kırmızı, %72,16 yeşil ve %81,96 maviden oluşur; CMYK baskıda %58,85 camgöbeği, %11,96 macenta, %0 sarı ve %18,04 siyah kullanır. Ton açısı 192,2°, HSL’de doygunluğu %57,21 ve açıklığı %57,84’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 9,17:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Moonstone Blue (#73a9c2), ΔE 6,69.

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

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

Tamamlayıcı

  1. #56b8d1
  2. #d16f56

Bölünmüş tamamlayıcı

  1. #56b8d1
  2. #d1567a
  3. #d1ad56

Komşu

  1. #56d1ad
  2. #56b8d1
  3. #567ad1

Üçlü

  1. #56b8d1
  2. #d156b8
  3. #b8d156

Dörtlü

  1. #56b8d1
  2. #6f56d1
  3. #d16f56
  4. #b8d156

Kare

  1. #56b8d1
  2. #ad56d1
  3. #d16f56
  4. #7ad156

Tek renkli

  1. #1e5f70
  2. #2f92ac
  3. #56b8d1
  4. #92d1e1
  5. #ceebf2

Koyu tonlar

#56b8d1 kademeli olarak siyahla karıştırıldı.

  1. #56b8d1
  2. #4da6bc
  3. #4593a7
  4. #3c8192
  5. #346e7d
  6. #2b5c69
  7. #224a54
  8. #1a373f
  9. #11252a
  10. #091215
  11. #000000

Açık tonlar

#56b8d1 kademeli olarak beyazla karıştırıldı.

  1. #56b8d1
  2. #67bfd6
  3. #78c6da
  4. #89cddf
  5. #9ad4e3
  6. #abdce8
  7. #bbe3ed
  8. #cceaf1
  9. #ddf1f6
  10. #eef8fa
  11. #ffffff

Tonlar

#56b8d1 kademeli olarak griyle karıştırıldı.

  1. #56b8d1
  2. #5ab2c9
  3. #5eadc1
  4. #63a7b9
  5. #67a2b1
  6. #6b9ca9
  7. #6f96a0
  8. #739198
  9. #788b90
  10. #7c8688
  11. #808080

Okunaklı metin 2.29:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 9.17:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #ababab Erkeklerin ≈ 0.003% kadarı
Akromatomali #91b1bc Erkeklerin ≈ 0.001% kadarı
Protanopi #a7b3d2 Erkeklerin ≈ 1.01% kadarı
Döteranopi #95a5d1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00c1c0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8eb5d2 Erkeklerin ≈ 1.08% kadarı
Döteranomali #81add1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #23bdc7 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-56b8d1 {
  color: #56b8d1;
}
Arka plan
.bg-56b8d1 {
  background-color: #56b8d1;
  color: #000000;
}
Kenarlık
.border-56b8d1 {
  border: 2px solid #56b8d1;
}
CSS değişkenleri
:root {
  --color-primary: #56b8d1;
  --color-primary-rgb: 86 184 209;
  --color-primary-hsl: 192 57% 58%;
}
Geçiş
.gradient-56b8d1 {
  background: linear-gradient(135deg, #56b8d1, #567ad1);
}
Renkli gölge
.shadow-56b8d1 {
  box-shadow: 0 8px 24px rgb(86 184 209 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 6.69 #87ceeb Sky Blue ΔE 7.72 #89cff0 Baby Blue ΔE 8.63 #00bfff Deep Sky Blue ΔE 9.48 #87cefa Light Sky Blue ΔE 10.46 #5f9ea0 Cadet Blue ΔE 10.97 #73c2fb Maya Blue ΔE 11.14 #a9472e Ters renk #ababab Gri tonlama 

Moonstone Blue
#56b8d1  rgb(86, 184, 209)  hsl(192, 57%, 58%)  Moonstone Blue
#d16f56  rgb(209, 111, 86)  hsl(12, 57%, 58%)  Terra Cotta
#d156b8  rgb(209, 86, 184)  hsl(312, 57%, 58%)  Sky Magenta
#b8d156  rgb(184, 209, 86)  hsl(72, 57%, 58%)  June Bud