ColorTool
Giriş yap
#58ADE5

#58ade5 ≈ Carolina Blue

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

#58ade5, “gök mavisi” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %34,51 kırmızı, %67,84 yeşil ve %89,8 maviden oluşur; CMYK baskıda %61,57 camgöbeği, %24,45 macenta, %0 sarı ve %10,2 siyah kullanır. Ton açısı 203,83°, HSL’de doygunluğu %73,06 ve açıklığı %62,16’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,52:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Carolina Blue (#56a0d3), ΔE 3,94.

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

Tamamlayıcı

  1. #58ade5
  2. #e59058

Bölünmüş tamamlayıcı

  1. #58ade5
  2. #e55867
  3. #e5d758

Komşu

  1. #58e5d7
  2. #58ade5
  3. #5867e5

Üçlü

  1. #58ade5
  2. #e558ad
  3. #ade558

Dörtlü

  1. #58ade5
  2. #9058e5
  3. #e59058
  4. #ade558

Kare

  1. #58ade5
  2. #d758e5
  3. #e59058
  4. #67e558

Tek renkli

  1. #165e8e
  2. #208ad0
  3. #58ade5
  4. #9aceef
  5. #dceefa

Koyu tonlar

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

  1. #58ade5
  2. #4f9cce
  3. #468ab7
  4. #3e79a0
  5. #356889
  6. #2c5773
  7. #23455c
  8. #1a3445
  9. #12232e
  10. #091117
  11. #000000

Açık tonlar

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

  1. #58ade5
  2. #69b5e8
  3. #79bdea
  4. #8ac6ed
  5. #9bceef
  6. #acd6f2
  7. #bcdef5
  8. #cde6f7
  9. #deeffa
  10. #eef7fc
  11. #ffffff

Tonlar

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

  1. #58ade5
  2. #5ca9db
  3. #60a4d1
  4. #64a0c7
  5. #689bbd
  6. #6c97b3
  7. #7092a8
  8. #748e9e
  9. #788994
  10. #7c858a
  11. #808080

Okunaklı metin 2.46:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.52:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a5a5a5 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8da8c2 Erkeklerin ≈ 0.001% kadarı
Protanopi #94ade8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #809fe4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00bbc0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #80ade7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #72a5e4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #18b6d0 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-58ade5 {
  color: #58ade5;
}
Arka plan
.bg-58ade5 {
  background-color: #58ade5;
  color: #000000;
}
Kenarlık
.border-58ade5 {
  border: 2px solid #58ade5;
}
CSS değişkenleri
:root {
  --color-primary: #58ade5;
  --color-primary-rgb: 88 173 229;
  --color-primary-hsl: 204 73% 62%;
}
Geçiş
.gradient-58ade5 {
  background: linear-gradient(135deg, #58ade5, #5867e5);
}
Renkli gölge
.shadow-58ade5 {
  box-shadow: 0 8px 24px rgb(88 173 229 / 0.35);
}

#56a0d3 Carolina Blue ΔE 3.94 #71a6d2 Iceberg ΔE 4.31 #73c2fb Maya Blue ΔE 5.96 #00bfff Deep Sky Blue ΔE 6.57 #73a9c2 Moonstone Blue ΔE 7.50 #87cefa Light Sky Blue ΔE 9.27 #1e90ff Dodger Blue ΔE 10.11 #a7521a Ters renk #a5a5a5 Gri tonlama 

Carolina Blue
#58ade5  rgb(88, 173, 229)  hsl(204, 73%, 62%)  Carolina Blue
#e59058  rgb(229, 144, 88)  hsl(24, 73%, 62%)  Persian Orange
#e558ad  rgb(229, 88, 173)  hsl(324, 73%, 62%)  Wild Strawberry
#ade558  rgb(173, 229, 88)  hsl(84, 73%, 62%)  Inchworm