ColorTool
Giriş yap
#20A4E5

#20a4e5 ≈ Carolina Blue

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

#20a4e5, “gök mavisi” ailesinden bir renktir; açıklığı orta, doygunluğu canlı. RGB modelinde %12,55 kırmızı, %64,31 yeşil ve %89,8 maviden oluşur; CMYK baskıda %86,03 camgöbeği, %28,38 macenta, %0 sarı ve %10,2 siyah kullanır. Ton açısı 199,8°, HSL’de doygunluğu %79,12 ve açıklığı %51,18’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 7,5:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Carolina Blue (#56a0d3), ΔE 3,79.

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

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

Tamamlayıcı

  1. #20a4e5
  2. #e56120

Bölünmüş tamamlayıcı

  1. #20a4e5
  2. #e52042
  3. #e5c420

Komşu

  1. #20e5c4
  2. #20a4e5
  3. #2042e5

Üçlü

  1. #20a4e5
  2. #e520a4
  3. #a4e520

Dörtlü

  1. #20a4e5
  2. #6120e5
  3. #e56120
  4. #a4e520

Kare

  1. #20a4e5
  2. #c420e5
  3. #e56120
  4. #42e520

Tek renkli

  1. #0b4561
  2. #1375a5
  3. #20a4e5
  4. #65c0ed
  5. #a9dcf5

Koyu tonlar

#20a4e5 kademeli olarak siyahla karıştırıldı.

  1. #20a4e5
  2. #1d94ce
  3. #1a83b7
  4. #1673a0
  5. #136289
  6. #105273
  7. #0d425c
  8. #0a3145
  9. #06212e
  10. #031017
  11. #000000

Açık tonlar

#20a4e5 kademeli olarak beyazla karıştırıldı.

  1. #20a4e5
  2. #36ade8
  3. #4db6ea
  4. #63bfed
  5. #79c8ef
  6. #90d2f2
  7. #a6dbf5
  8. #bce4f7
  9. #d2edfa
  10. #e9f6fc
  11. #ffffff

Tonlar

#20a4e5 kademeli olarak griyle karıştırıldı.

  1. #20a4e5
  2. #2aa0db
  3. #339dd1
  4. #3d99c7
  5. #4696bd
  6. #5092b3
  7. #5a8ea8
  8. #638b9e
  9. #6d8794
  10. #76848a
  11. #808080

Okunaklı metin 2.8:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 7.5:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #9a9a9a Erkeklerin ≈ 0.003% kadarı
Akromatomali #7c9ebd Erkeklerin ≈ 0.001% kadarı
Protanopi #84a4e8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #6b93e4 Erkeklerin ≈ 1.27% kadarı
Tritanopi #00b5bb Erkeklerin ≈ 0.0001% kadarı
Protanomali #6aa4e7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #569ae4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #00aecd Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-20a4e5 {
  color: #20a4e5;
}
Arka plan
.bg-20a4e5 {
  background-color: #20a4e5;
  color: #000000;
}
Kenarlık
.border-20a4e5 {
  border: 2px solid #20a4e5;
}
CSS değişkenleri
:root {
  --color-primary: #20a4e5;
  --color-primary-rgb: 32 164 229;
  --color-primary-hsl: 200 79% 51%;
}
Geçiş
.gradient-20a4e5 {
  background: linear-gradient(135deg, #20a4e5, #2042e5);
}
Renkli gölge
.shadow-20a4e5 {
  box-shadow: 0 8px 24px rgb(32 164 229 / 0.35);
}

#56a0d3 Carolina Blue ΔE 3.79 #71a6d2 Iceberg ΔE 6.81 #00bfff Deep Sky Blue ΔE 7.85 #73a9c2 Moonstone Blue ΔE 9.37 #73c2fb Maya Blue ΔE 9.58 #1e90ff Dodger Blue ΔE 9.70 #318ce7 Bleu de France ΔE 9.83 #df5b1a Ters renk #9a9a9a Gri tonlama 

Carolina Blue
#20a4e5  rgb(32, 164, 229)  hsl(200, 79%, 51%)  Carolina Blue
#e56120  rgb(229, 97, 32)  hsl(20, 79%, 51%)  Persimmon
#e520a4  rgb(229, 32, 164)  hsl(320, 79%, 51%)  Shocking Pink
#a4e520  rgb(164, 229, 32)  hsl(80, 79%, 51%)  Inchworm