ColorTool
Giriş yap
#535B72

#535b72 ≈ Queen Blue

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

#535b72, “mavi” ailesinden bir renktir; açıklığı düşük, doygunluğu düşük. RGB modelinde %32,55 kırmızı, %35,69 yeşil ve %44,71 maviden oluşur; CMYK baskıda %27,19 camgöbeği, %20,18 macenta, %0 sarı ve %55,29 siyah kullanır. Ton açısı 224,52°, HSL’de doygunluğu %15,74 ve açıklığı %38,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 6,76:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Queen Blue (#436b95), ΔE 10,72.

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

Tamamlayıcı

  1. #535b72
  2. #726a53

Bölünmüş tamamlayıcı

  1. #535b72
  2. #725b53
  3. #6b7253

Komşu

  1. #536b72
  2. #535b72
  3. #5b5372

Üçlü

  1. #535b72
  2. #72535b
  3. #5b7253

Dörtlü

  1. #535b72
  2. #6a5372
  3. #726a53
  4. #5b7253

Kare

  1. #535b72
  2. #72536b
  3. #726a53
  4. #53725b

Tek renkli

  1. #131419
  2. #333846
  3. #535b72
  4. #76809b
  5. #a2a9bc

Koyu tonlar

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

  1. #535b72
  2. #4b5267
  3. #42495b
  4. #3a4050
  5. #323744
  6. #2a2e39
  7. #21242e
  8. #191b22
  9. #111217
  10. #08090b
  11. #000000

Açık tonlar

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

  1. #535b72
  2. #646b80
  3. #757c8e
  4. #878c9c
  5. #989daa
  6. #a9adb9
  7. #babdc7
  8. #cbced5
  9. #dddee3
  10. #eeeff1
  11. #ffffff

Tonlar

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

  1. #535b72
  2. #585f73
  3. #5c6275
  4. #616676
  5. #656a78
  6. #6a6e79
  7. #6e717a
  8. #73757c
  9. #77797d
  10. #7c7c7f
  11. #808080

Okunaklı metin 6.76:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.11:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #5b5b5b Erkeklerin ≈ 0.003% kadarı
Akromatomali #585b65 Erkeklerin ≈ 0.001% kadarı
Protanopi #545d73 Erkeklerin ≈ 1.01% kadarı
Döteranopi #525a71 Erkeklerin ≈ 1.27% kadarı
Tritanopi #4b5f63 Erkeklerin ≈ 0.0001% kadarı
Protanomali #545c73 Erkeklerin ≈ 1.08% kadarı
Döteranomali #525a72 Erkeklerin ≈ 4.63% kadarı
Tritanomali #4e5e69 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

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

#436b95 Queen Blue ΔE 10.72 #555555 Davy's Gray ΔE 11.21 #36454f Charcoal ΔE 11.79 #696969 Dim Gray ΔE 12.10 #696969 Dim Grey ΔE 12.10 #26619c Lapis Lazuli ΔE 12.73 #414a4c Outer Space ΔE 12.87 #aca48d Ters renk #5b5b5b Gri tonlama 

Queen Blue
#535b72  rgb(83, 91, 114)  hsl(225, 16%, 39%)  Queen Blue
#726a53  rgb(114, 106, 83)  hsl(45, 16%, 39%)  Raw Umber
#72535b  rgb(114, 83, 91)  hsl(345, 16%, 39%)  Liver
#5b7253  rgb(91, 114, 83)  hsl(105, 16%, 39%)  Fern Green