ColorTool
Giriş yap
#566BAE

#566bae ≈ Queen Blue

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

#566bae, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %33,73 kırmızı, %41,96 yeşil ve %68,24 maviden oluşur; CMYK baskıda %50,57 camgöbeği, %38,51 macenta, %0 sarı ve %31,76 siyah kullanır. Ton açısı 225,68°, HSL’de doygunluğu %35,2 ve açıklığı %50,98’dir. Soğuk bir renktir ve çoğunlukla güven, istikrar ve odak 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 beyaz metin 5,11:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Queen Blue (#436b95), ΔE 6,1.

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

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

Tamamlayıcı

  1. #566bae
  2. #ae9956

Bölünmüş tamamlayıcı

  1. #566bae
  2. #ae6d56
  3. #97ae56

Komşu

  1. #5697ae
  2. #566bae
  3. #6d56ae

Üçlü

  1. #566bae
  2. #ae566b
  3. #6bae56

Dörtlü

  1. #566bae
  2. #9956ae
  3. #ae9956
  4. #6bae56

Kare

  1. #566bae
  2. #ae5697
  3. #ae9956
  4. #56ae6d

Tek renkli

  1. #232c48
  2. #3b4b7c
  3. #566bae
  4. #8a98c7
  5. #bdc6e0

Koyu tonlar

#566bae kademeli olarak siyahla karıştırıldı.

  1. #566bae
  2. #4d609d
  3. #45568b
  4. #3c4b7a
  5. #344068
  6. #2b3657
  7. #222b46
  8. #1a2034
  9. #111523
  10. #090b11
  11. #000000

Açık tonlar

#566bae kademeli olarak beyazla karıştırıldı.

  1. #566bae
  2. #677ab6
  3. #7889be
  4. #8997c6
  5. #9aa6ce
  6. #abb5d7
  7. #bbc4df
  8. #ccd3e7
  9. #dde1ef
  10. #eef0f7
  11. #ffffff

Tonlar

#566bae kademeli olarak griyle karıştırıldı.

  1. #566bae
  2. #5a6da9
  3. #5e6fa5
  4. #6371a0
  5. #67739c
  6. #6b7697
  7. #6f7892
  8. #737a8e
  9. #787c89
  10. #7c7e85
  11. #808080

Okunaklı metin 5.11:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.11:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #6e6e6e Erkeklerin ≈ 0.003% kadarı
Akromatomali #656d8c Erkeklerin ≈ 0.001% kadarı
Protanopi #5172b1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #486aad Erkeklerin ≈ 1.27% kadarı
Tritanopi #307984 Erkeklerin ≈ 0.0001% kadarı
Protanomali #536fb0 Erkeklerin ≈ 1.08% kadarı
Döteranomali #4e6bad Erkeklerin ≈ 4.63% kadarı
Tritanomali #427497 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-566bae {
  color: #566bae;
}
Arka plan
.bg-566bae {
  background-color: #566bae;
  color: #ffffff;
}
Kenarlık
.border-566bae {
  border: 2px solid #566bae;
}
CSS değişkenleri
:root {
  --color-primary: #566bae;
  --color-primary-rgb: 86 107 174;
  --color-primary-hsl: 226 35% 51%;
}
Geçiş
.gradient-566bae {
  background: linear-gradient(135deg, #566bae, #6d56ae);
}
Renkli gölge
.shadow-566bae {
  box-shadow: 0 8px 24px rgb(86 107 174 / 0.35);
}

#436b95 Queen Blue ΔE 6.10 #4169e1 Royal Blue ΔE 6.89 #1560bd Denim ΔE 7.88 #6082b6 Glaucous ΔE 8.46 #26619c Lapis Lazuli ΔE 8.70 #4166f5 Ultramarine Blue ΔE 9.09 #417dc1 Tufts Blue ΔE 9.28 #a99451 Ters renk #6e6e6e Gri tonlama 

Queen Blue
#566bae  rgb(86, 107, 174)  hsl(226, 35%, 51%)  Queen Blue
#ae9956  rgb(174, 153, 86)  hsl(46, 35%, 51%)  Brass
#ae566b  rgb(174, 86, 107)  hsl(346, 35%, 51%)  Mauve Taupe
#6bae56  rgb(107, 174, 86)  hsl(106, 35%, 51%)  Mantis