ColorTool
Giriş yap
#58A2FD

#58a2fd ≈ Cornflower Blue

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

#58a2fd, “gök mavisi” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %34,51 kırmızı, %63,53 yeşil ve %99,22 maviden oluşur; CMYK baskıda %65,22 camgöbeği, %35,97 macenta, %0 sarı ve %0,78 siyah kullanır. Ton açısı 213,09°, HSL’de doygunluğu %97,63 ve açıklığı %66,86’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 8:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Cornflower Blue (#6495ed), ΔE 5,14.

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

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

Tamamlayıcı

  1. #58a2fd
  2. #fdb358

Bölünmüş tamamlayıcı

  1. #58a2fd
  2. #fd6058
  3. #f4fd58

Komşu

  1. #58f4fd
  2. #58a2fd
  3. #6058fd

Üçlü

  1. #58a2fd
  2. #fd58a2
  3. #a2fd58

Dörtlü

  1. #58a2fd
  2. #b358fd
  3. #fdb358
  4. #a2fd58

Kare

  1. #58a2fd
  2. #fd58f4
  3. #fdb358
  4. #58fd60

Tek renkli

  1. #0255ba
  2. #0c78fc
  3. #58a2fd
  4. #a4ccfe
  5. #ebf4ff

Koyu tonlar

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

  1. #58a2fd
  2. #4f92e4
  3. #4682ca
  4. #3e71b1
  5. #356198
  6. #2c517f
  7. #234165
  8. #1a314c
  9. #122033
  10. #091019
  11. #000000

Açık tonlar

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

  1. #58a2fd
  2. #69abfd
  3. #79b5fd
  4. #8abefe
  5. #9bc7fe
  6. #acd1fe
  7. #bcdafe
  8. #cde3fe
  9. #deecff
  10. #eef6ff
  11. #ffffff

Tonlar

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

  1. #58a2fd
  2. #5c9ff1
  3. #609be4
  4. #6498d8
  5. #6894cb
  6. #6c91bf
  7. #708eb2
  8. #748aa6
  9. #788799
  10. #7c838d
  11. #808080

Okunaklı metin 2.62:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
Okunaklı metin 8:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

Akromatopsi #a0a0a0 Erkeklerin ≈ 0.003% kadarı
Akromatomali #89a1cc Erkeklerin ≈ 0.001% kadarı
Protanopi #7aa8ff Erkeklerin ≈ 1.01% kadarı
Döteranopi #6299fb Erkeklerin ≈ 1.27% kadarı
Tritanopi #00b7c3 Erkeklerin ≈ 0.0001% kadarı
Protanomali #6ea6ff Erkeklerin ≈ 1.08% kadarı
Döteranomali #5e9cfc Erkeklerin ≈ 4.63% kadarı
Tritanomali #00afdd Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-58a2fd {
  color: #58a2fd;
}
Arka plan
.bg-58a2fd {
  background-color: #58a2fd;
  color: #000000;
}
Kenarlık
.border-58a2fd {
  border: 2px solid #58a2fd;
}
CSS değişkenleri
:root {
  --color-primary: #58a2fd;
  --color-primary-rgb: 88 162 253;
  --color-primary-hsl: 213 98% 67%;
}
Geçiş
.gradient-58a2fd {
  background: linear-gradient(135deg, #58a2fd, #6058fd);
}
Renkli gölge
.shadow-58a2fd {
  box-shadow: 0 8px 24px rgb(88 162 253 / 0.35);
}

#6495ed Cornflower Blue ΔE 5.14 #71a6d2 Iceberg ΔE 5.23 #5b92e5 United Nations Blue ΔE 5.47 #1e90ff Dodger Blue ΔE 5.67 #56a0d3 Carolina Blue ΔE 6.03 #318ce7 Bleu de France ΔE 7.34 #73c2fb Maya Blue ΔE 9.64 #a75d02 Ters renk #a0a0a0 Gri tonlama 

Cornflower Blue
#58a2fd  rgb(88, 162, 253)  hsl(213, 98%, 67%)  Cornflower Blue
#fdb358  rgb(253, 179, 88)  hsl(33, 98%, 67%)  Pastel Orange
#fd58a2  rgb(253, 88, 162)  hsl(333, 98%, 67%)  Brilliant Rose
#a2fd58  rgb(162, 253, 88)  hsl(93, 98%, 67%)  Green Yellow