ColorTool
Giriş yap
#58AFD4

#58afd4 ≈ Moonstone Blue

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

#58afd4, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %34,51 kırmızı, %68,63 yeşil ve %83,14 maviden oluşur; CMYK baskıda %58,49 camgöbeği, %17,45 macenta, %0 sarı ve %16,86 siyah kullanır. Ton açısı 197,9°, HSL’de doygunluğu %59,05 ve açıklığı %58,82’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,5:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Moonstone Blue (#73a9c2), ΔE 4,37.

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

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

Tamamlayıcı

  1. #58afd4
  2. #d47d58

Bölünmüş tamamlayıcı

  1. #58afd4
  2. #d45871
  3. #d4bb58

Komşu

  1. #58d4bb
  2. #58afd4
  3. #5871d4

Üçlü

  1. #58afd4
  2. #d458af
  3. #afd458

Dörtlü

  1. #58afd4
  2. #7d58d4
  3. #d47d58
  4. #afd458

Kare

  1. #58afd4
  2. #bb58d4
  3. #d47d58
  4. #71d458

Tek renkli

  1. #1e5b75
  2. #2e8ab2
  3. #58afd4
  4. #95cce4
  5. #d2e9f3

Koyu tonlar

#58afd4 kademeli olarak siyahla karıştırıldı.

  1. #58afd4
  2. #4f9ebf
  3. #468caa
  4. #3e7b94
  5. #35697f
  6. #2c586a
  7. #234655
  8. #1a3540
  9. #12232a
  10. #091215
  11. #000000

Açık tonlar

#58afd4 kademeli olarak beyazla karıştırıldı.

  1. #58afd4
  2. #69b7d8
  3. #79bfdd
  4. #8ac7e1
  5. #9bcfe5
  6. #acd7ea
  7. #bcdfee
  8. #cde7f2
  9. #deeff6
  10. #eef7fb
  11. #ffffff

Tonlar

#58afd4 kademeli olarak griyle karıştırıldı.

  1. #58afd4
  2. #5caacc
  3. #60a6c3
  4. #64a1bb
  5. #689cb2
  6. #6c98aa
  7. #7093a2
  8. #748e99
  9. #788991
  10. #7c8588
  11. #808080

Okunaklı metin 2.47:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8ca9ba Erkeklerin ≈ 0.001% kadarı
Protanopi #9cacd6 Erkeklerin ≈ 1.01% kadarı
Döteranopi #8a9fd4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00babb Erkeklerin ≈ 0.0001% kadarı
Protanomali #86add5 Erkeklerin ≈ 1.08% kadarı
Döteranomali #79a6d4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #29b5c5 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-58afd4 {
  color: #58afd4;
}
Arka plan
.bg-58afd4 {
  background-color: #58afd4;
  color: #000000;
}
Kenarlık
.border-58afd4 {
  border: 2px solid #58afd4;
}
CSS değişkenleri
:root {
  --color-primary: #58afd4;
  --color-primary-rgb: 88 175 212;
  --color-primary-hsl: 198 59% 59%;
}
Geçiş
.gradient-58afd4 {
  background: linear-gradient(135deg, #58afd4, #5871d4);
}
Renkli gölge
.shadow-58afd4 {
  box-shadow: 0 8px 24px rgb(88 175 212 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 4.37 #56a0d3 Carolina Blue ΔE 6.53 #71a6d2 Iceberg ΔE 6.72 #00bfff Deep Sky Blue ΔE 6.83 #73c2fb Maya Blue ΔE 8.17 #87ceeb Sky Blue ΔE 8.94 #89cff0 Baby Blue ΔE 9.14 #a7502b Ters renk #a5a5a5 Gri tonlama 

Moonstone Blue
#58afd4  rgb(88, 175, 212)  hsl(198, 59%, 59%)  Moonstone Blue
#d47d58  rgb(212, 125, 88)  hsl(18, 59%, 59%)  Burnt Sienna
#d458af  rgb(212, 88, 175)  hsl(318, 59%, 59%)  Sky Magenta
#afd458  rgb(175, 212, 88)  hsl(78, 59%, 59%)  June Bud