ColorTool
Giriş yap
#535E77

#535e77 ≈ Queen Blue

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

#535e77, “mavi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %32,55 kırmızı, %36,86 yeşil ve %46,67 maviden oluşur; CMYK baskıda %30,25 camgöbeği, %21,01 macenta, %0 sarı ve %53,33 siyah kullanır. Ton açısı 221,67°, HSL’de doygunluğu %17,82 ve açıklığı %39,61’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 6,49:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Queen Blue (#436b95), ΔE 9,13.

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

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

Tamamlayıcı

  1. #535e77
  2. #776c53

Bölünmüş tamamlayıcı

  1. #535e77
  2. #775a53
  3. #707753

Komşu

  1. #537077
  2. #535e77
  3. #5a5377

Üçlü

  1. #535e77
  2. #77535e
  3. #5e7753

Dörtlü

  1. #535e77
  2. #6c5377
  3. #776c53
  4. #5e7753

Kare

  1. #535e77
  2. #775370
  3. #776c53
  4. #53775a

Tek renkli

  1. #14171d
  2. #343a4a
  3. #535e77
  4. #7783a0
  5. #a4acbf

Koyu tonlar

#535e77 kademeli olarak siyahla karıştırıldı.

  1. #535e77
  2. #4b556b
  3. #424b5f
  4. #3a4253
  5. #323847
  6. #2a2f3c
  7. #212630
  8. #191c24
  9. #111318
  10. #08090c
  11. #000000

Açık tonlar

#535e77 kademeli olarak beyazla karıştırıldı.

  1. #535e77
  2. #646e85
  3. #757e92
  4. #878ea0
  5. #989ead
  6. #a9afbb
  7. #babfc9
  8. #cbcfd6
  9. #dddfe4
  10. #eeeff1
  11. #ffffff

Tonlar

#535e77 kademeli olarak griyle karıştırıldı.

  1. #535e77
  2. #586178
  3. #5c6579
  4. #61687a
  5. #656c7b
  6. #6a6f7c
  7. #6e727c
  8. #73767d
  9. #77797e
  10. #7c7d7f
  11. #808080

Okunaklı metin 6.49:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.24:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #5e5e5e Erkeklerin ≈ 0.003% kadarı
Akromatomali #5a5e69 Erkeklerin ≈ 0.001% kadarı
Protanopi #566078 Erkeklerin ≈ 1.01% kadarı
Döteranopi #535d76 Erkeklerin ≈ 1.27% kadarı
Tritanopi #496366 Erkeklerin ≈ 0.0001% kadarı
Protanomali #555f78 Erkeklerin ≈ 1.08% kadarı
Döteranomali #535d77 Erkeklerin ≈ 4.63% kadarı
Tritanomali #4d616d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#436b95 Queen Blue ΔE 9.13 #26619c Lapis Lazuli ΔE 11.24 #555555 Davy's Gray ΔE 12.08 #696969 Dim Gray ΔE 12.36 #696969 Dim Grey ΔE 12.36 #36454f Charcoal ΔE 12.37 #0f4d92 Yale Blue ΔE 12.52 #aca188 Ters renk #5e5e5e Gri tonlama 

Queen Blue
#535e77  rgb(83, 94, 119)  hsl(222, 18%, 40%)  Queen Blue
#776c53  rgb(119, 108, 83)  hsl(42, 18%, 40%)  Raw Umber
#77535e  rgb(119, 83, 94)  hsl(342, 18%, 40%)  Mauve Taupe
#5e7753  rgb(94, 119, 83)  hsl(102, 18%, 40%)  Fern Green