ColorTool
Giriş yap
#5E709A

#5e709a ≈ Queen Blue

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

#5e709a, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu düşük. RGB modelinde %36,86 kırmızı, %43,92 yeşil ve %60,39 maviden oluşur; CMYK baskıda %38,96 camgöbeği, %27,27 macenta, %0 sarı ve %39,61 siyah kullanır. Ton açısı 222°, HSL’de doygunluğu %24,19 ve açıklığı %48,63’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 4,93:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Queen Blue (#436b95), ΔE 6,6.

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

Tamamlayıcı

  1. #5e709a
  2. #9a885e

Bölünmüş tamamlayıcı

  1. #5e709a
  2. #9a6a5e
  3. #8e9a5e

Komşu

  1. #5e8e9a
  2. #5e709a
  3. #6a5e9a

Üçlü

  1. #5e709a
  2. #9a5e70
  3. #709a5e

Dörtlü

  1. #5e709a
  2. #885e9a
  3. #9a885e
  4. #709a5e

Kare

  1. #5e709a
  2. #9a5e8e
  3. #9a885e
  4. #5e9a6a

Tek renkli

  1. #242b3b
  2. #414d6b
  3. #5e709a
  4. #8c99b9
  5. #bbc3d6

Koyu tonlar

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

  1. #5e709a
  2. #55658b
  3. #4b5a7b
  4. #424e6c
  5. #38435c
  6. #2f384d
  7. #262d3e
  8. #1c222e
  9. #13161f
  10. #090b0f
  11. #000000

Açık tonlar

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

  1. #5e709a
  2. #6e7ea4
  3. #7e8dae
  4. #8e9bb8
  5. #9ea9c2
  6. #afb8cd
  7. #bfc6d7
  8. #cfd4e1
  9. #dfe2eb
  10. #eff1f5
  11. #ffffff

Tonlar

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

  1. #5e709a
  2. #617297
  3. #657395
  4. #687592
  5. #6c7690
  6. #6f788d
  7. #727a8a
  8. #767b88
  9. #797d85
  10. #7d7e83
  11. #808080

Okunaklı metin 4.93:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.26:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #707070 Erkeklerin ≈ 0.003% kadarı
Akromatomali #697083 Erkeklerin ≈ 0.001% kadarı
Protanopi #62739c Erkeklerin ≈ 1.01% kadarı
Döteranopi #5c6e99 Erkeklerin ≈ 1.27% kadarı
Tritanopi #4b797f Erkeklerin ≈ 0.0001% kadarı
Protanomali #60729b Erkeklerin ≈ 1.08% kadarı
Döteranomali #5d6f99 Erkeklerin ≈ 4.63% kadarı
Tritanomali #53758a Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5e709a {
  color: #5e709a;
}
Arka plan
.bg-5e709a {
  background-color: #5e709a;
  color: #ffffff;
}
Kenarlık
.border-5e709a {
  border: 2px solid #5e709a;
}
CSS değişkenleri
:root {
  --color-primary: #5e709a;
  --color-primary-rgb: 94 112 154;
  --color-primary-hsl: 222 24% 49%;
}
Geçiş
.gradient-5e709a {
  background: linear-gradient(135deg, #5e709a, #6a5e9a);
}
Renkli gölge
.shadow-5e709a {
  box-shadow: 0 8px 24px rgb(94 112 154 / 0.35);
}

#436b95 Queen Blue ΔE 6.60 #6082b6 Glaucous ΔE 7.94 #417dc1 Tufts Blue ΔE 9.90 #4169e1 Royal Blue ΔE 10.12 #26619c Lapis Lazuli ΔE 10.20 #708090 Slate Gray ΔE 10.58 #708090 Slate Grey ΔE 10.58 #a18f65 Ters renk #707070 Gri tonlama 

Queen Blue
#5e709a  rgb(94, 112, 154)  hsl(222, 24%, 49%)  Queen Blue
#9a885e  rgb(154, 136, 94)  hsl(42, 24%, 49%)  Camel
#9a5e70  rgb(154, 94, 112)  hsl(342, 24%, 49%)  Mauve Taupe
#709a5e  rgb(112, 154, 94)  hsl(102, 24%, 49%)  Asparagus