ColorTool
Giriş yap
#5BB0DF

#5bb0df ≈ Carolina Blue

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

#5bb0df, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %35,69 kırmızı, %69,02 yeşil ve %87,45 maviden oluşur; CMYK baskıda %59,19 camgöbeği, %21,08 macenta, %0 sarı ve %12,55 siyah kullanır. Ton açısı 201,36°, HSL’de doygunluğu %67,35 ve açıklığı %61,57’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,72:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Carolina Blue (#56a0d3), ΔE 5,04.

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

Tamamlayıcı

  1. #5bb0df
  2. #df8a5b

Bölünmüş tamamlayıcı

  1. #5bb0df
  2. #df5b6e
  3. #dfcc5b

Komşu

  1. #5bdfcc
  2. #5bb0df
  3. #5b6edf

Üçlü

  1. #5bb0df
  2. #df5bb0
  3. #b0df5b

Dörtlü

  1. #5bb0df
  2. #8a5bdf
  3. #df8a5b
  4. #b0df5b

Kare

  1. #5bb0df
  2. #cc5bdf
  3. #df8a5b
  4. #6edf5b

Tek renkli

  1. #1a6087
  2. #278ec7
  3. #5bb0df
  4. #9bcfeb
  5. #dbeef8

Koyu tonlar

#5bb0df kademeli olarak siyahla karıştırıldı.

  1. #5bb0df
  2. #529ec9
  3. #498db2
  4. #407b9c
  5. #376a86
  6. #2e5870
  7. #244659
  8. #1b3543
  9. #12232d
  10. #091216
  11. #000000

Açık tonlar

#5bb0df kademeli olarak beyazla karıştırıldı.

  1. #5bb0df
  2. #6bb8e2
  3. #7cc0e5
  4. #8cc8e9
  5. #9dd0ec
  6. #add8ef
  7. #bddff2
  8. #cee7f5
  9. #deeff9
  10. #eff7fc
  11. #ffffff

Tonlar

#5bb0df kademeli olarak griyle karıştırıldı.

  1. #5bb0df
  2. #5fabd6
  3. #62a6cc
  4. #66a2c3
  5. #6a9db9
  6. #6e98b0
  7. #7193a6
  8. #758e9d
  9. #798a93
  10. #7c858a
  11. #808080

Okunaklı metin 2.41:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8.72:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a7a7a7 Erkeklerin ≈ 0.003% kadarı
Akromatomali #8fabc0 Erkeklerin ≈ 0.001% kadarı
Protanopi #9aafe1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #87a1de Erkeklerin ≈ 1.27% kadarı
Tritanopi #00bcc0 Erkeklerin ≈ 0.0001% kadarı
Protanomali #85afe0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #78a7df Erkeklerin ≈ 4.63% kadarı
Tritanomali #28b8cd Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5bb0df {
  color: #5bb0df;
}
Arka plan
.bg-5bb0df {
  background-color: #5bb0df;
  color: #000000;
}
Kenarlık
.border-5bb0df {
  border: 2px solid #5bb0df;
}
CSS değişkenleri
:root {
  --color-primary: #5bb0df;
  --color-primary-rgb: 91 176 223;
  --color-primary-hsl: 201 67% 62%;
}
Geçiş
.gradient-5bb0df {
  background: linear-gradient(135deg, #5bb0df, #5b6edf);
}
Renkli gölge
.shadow-5bb0df {
  box-shadow: 0 8px 24px rgb(91 176 223 / 0.35);
}

#56a0d3 Carolina Blue ΔE 5.04 #71a6d2 Iceberg ΔE 5.10 #00bfff Deep Sky Blue ΔE 5.62 #73c2fb Maya Blue ΔE 5.92 #73a9c2 Moonstone Blue ΔE 5.97 #87cefa Light Sky Blue ΔE 8.42 #89cff0 Baby Blue ΔE 9.13 #a44f20 Ters renk #a7a7a7 Gri tonlama 

Carolina Blue
#5bb0df  rgb(91, 176, 223)  hsl(201, 67%, 62%)  Carolina Blue
#df8a5b  rgb(223, 138, 91)  hsl(21, 67%, 62%)  Raw Sienna
#df5bb0  rgb(223, 91, 176)  hsl(321, 67%, 62%)  Sky Magenta
#b0df5b  rgb(176, 223, 91)  hsl(81, 67%, 62%)  Inchworm