ColorTool
Giriş yap
#57B3D3

#57b3d3 ≈ Moonstone Blue

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

#57b3d3, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %34,12 kırmızı, %70,2 yeşil ve %82,75 maviden oluşur; CMYK baskıda %58,77 camgöbeği, %15,17 macenta, %0 sarı ve %17,25 siyah kullanır. Ton açısı 195,48°, HSL’de doygunluğu %58,49 ve açıklığı %58,43’dir. Soğuk bir renktir ve çoğunlukla açıklık, özgürlük ve huzur ile ilişkilendirilir. Tasarımcılar onu genellikle teknoloji ürünleri, finans ve bankacılık ve marka vurguları için kullanır. Bu renk üzerinde siyah metin 8,79:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Moonstone Blue (#73a9c2), ΔE 4,92.

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

Tamamlayıcı

  1. #57b3d3
  2. #d37757

Bölünmüş tamamlayıcı

  1. #57b3d3
  2. #d35775
  3. #d3b557

Komşu

  1. #57d3b5
  2. #57b3d3
  3. #5775d3

Üçlü

  1. #57b3d3
  2. #d357b3
  3. #b3d357

Dörtlü

  1. #57b3d3
  2. #7757d3
  3. #d37757
  4. #b3d357

Kare

  1. #57b3d3
  2. #b557d3
  3. #d37757
  4. #75d357

Tek renkli

  1. #1e5d73
  2. #2e8eb0
  3. #57b3d3
  4. #94cee3
  5. #d0eaf3

Koyu tonlar

#57b3d3 kademeli olarak siyahla karıştırıldı.

  1. #57b3d3
  2. #4ea1be
  3. #468fa9
  4. #3d7d94
  5. #346b7f
  6. #2c5a6a
  7. #234854
  8. #1a363f
  9. #11242a
  10. #091215
  11. #000000

Açık tonlar

#57b3d3 kademeli olarak beyazla karıştırıldı.

  1. #57b3d3
  2. #68bbd7
  3. #79c2dc
  4. #89cae0
  5. #9ad1e5
  6. #abd9e9
  7. #bce1ed
  8. #cde8f2
  9. #ddf0f6
  10. #eef7fb
  11. #ffffff

Tonlar

#57b3d3 kademeli olarak griyle karıştırıldı.

  1. #57b3d3
  2. #5baecb
  3. #5fa9c2
  4. #63a4ba
  5. #679fb2
  6. #6c9aaa
  7. #7094a1
  8. #748f99
  9. #788a91
  10. #7c8588
  11. #808080

Okunaklı metin 2.39:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.79:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a8a8a8 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8eacbb Erkeklerin ≈ 0.001% kadarı
Protanopi #a1afd5 Erkeklerin ≈ 1.01% kadarı
Döteranopi #8fa2d3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00bdbd Erkeklerin ≈ 0.0001% kadarı
Protanomali #89b1d4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #7ca9d3 Erkeklerin ≈ 4.63% kadarı
Tritanomali #26b9c6 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-57b3d3 {
  color: #57b3d3;
}
Arka plan
.bg-57b3d3 {
  background-color: #57b3d3;
  color: #000000;
}
Kenarlık
.border-57b3d3 {
  border: 2px solid #57b3d3;
}
CSS değişkenleri
:root {
  --color-primary: #57b3d3;
  --color-primary-rgb: 87 179 211;
  --color-primary-hsl: 195 58% 58%;
}
Geçiş
.gradient-57b3d3 {
  background: linear-gradient(135deg, #57b3d3, #5775d3);
}
Renkli gölge
.shadow-57b3d3 {
  box-shadow: 0 8px 24px rgb(87 179 211 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 4.92 #00bfff Deep Sky Blue ΔE 7.55 #87ceeb Sky Blue ΔE 8.02 #89cff0 Baby Blue ΔE 8.53 #71a6d2 Iceberg ΔE 8.61 #56a0d3 Carolina Blue ΔE 8.69 #73c2fb Maya Blue ΔE 9.18 #a84c2c Ters renk #a8a8a8 Gri tonlama 

Moonstone Blue
#57b3d3  rgb(87, 179, 211)  hsl(195, 58%, 58%)  Moonstone Blue
#d37757  rgb(211, 119, 87)  hsl(15, 58%, 58%)  Burnt Sienna
#d357b3  rgb(211, 87, 179)  hsl(315, 58%, 58%)  Sky Magenta
#b3d357  rgb(179, 211, 87)  hsl(75, 58%, 58%)  June Bud