ColorTool
Giriş yap
#5D75AD

#5d75ad ≈ Glaucous

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

#5d75ad, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %36,47 kırmızı, %45,88 yeşil ve %67,84 maviden oluşur; CMYK baskıda %46,24 camgöbeği, %32,37 macenta, %0 sarı ve %32,16 siyah kullanır. Ton açısı 222°, HSL’de doygunluğu %32,79 ve açıklığı %52,16’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 siyah metin 4,61:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Glaucous (#6082b6), ΔE 5,04.

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

Tamamlayıcı

  1. #5d75ad
  2. #ad955d

Bölünmüş tamamlayıcı

  1. #5d75ad
  2. #ad6d5d
  3. #9dad5d

Komşu

  1. #5d9dad
  2. #5d75ad
  3. #6d5dad

Üçlü

  1. #5d75ad
  2. #ad5d75
  3. #75ad5d

Dörtlü

  1. #5d75ad
  2. #955dad
  3. #ad955d
  4. #75ad5d

Kare

  1. #5d75ad
  2. #ad5d9d
  3. #ad955d
  4. #5dad6d

Tek renkli

  1. #26314b
  2. #40527e
  3. #5d75ad
  4. #90a0c7
  5. #c3cce0

Koyu tonlar

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

  1. #5d75ad
  2. #54699c
  3. #4a5e8a
  4. #415279
  5. #384668
  6. #2f3b57
  7. #252f45
  8. #1c2334
  9. #131723
  10. #090c11
  11. #000000

Açık tonlar

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

  1. #5d75ad
  2. #6d83b5
  3. #7d91bd
  4. #8e9ec6
  5. #9eacce
  6. #aebad6
  7. #bec8de
  8. #ced6e6
  9. #dfe3ef
  10. #eff1f7
  11. #ffffff

Tonlar

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

  1. #5d75ad
  2. #6176a9
  3. #6477a4
  4. #6878a0
  5. #6b799b
  6. #6f7b97
  7. #727c92
  8. #767d8e
  9. #797e89
  10. #7d7f85
  11. #808080

Okunaklı metin 4.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 4.61:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #767676 Erkeklerin ≈ 0.003% kadarı
Akromatomali #6d768f Erkeklerin ≈ 0.001% kadarı
Protanopi #617aaf Erkeklerin ≈ 1.01% kadarı
Döteranopi #5873ac Erkeklerin ≈ 1.27% kadarı
Tritanopi #3f8189 Erkeklerin ≈ 0.0001% kadarı
Protanomali #5f78ae Erkeklerin ≈ 1.08% kadarı
Döteranomali #5a74ac Erkeklerin ≈ 4.63% kadarı
Tritanomali #4c7c99 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5d75ad {
  color: #5d75ad;
}
Arka plan
.bg-5d75ad {
  background-color: #5d75ad;
  color: #000000;
}
Kenarlık
.border-5d75ad {
  border: 2px solid #5d75ad;
}
CSS değişkenleri
:root {
  --color-primary: #5d75ad;
  --color-primary-rgb: 93 117 173;
  --color-primary-hsl: 222 33% 52%;
}
Geçiş
.gradient-5d75ad {
  background: linear-gradient(135deg, #5d75ad, #6d5dad);
}
Renkli gölge
.shadow-5d75ad {
  box-shadow: 0 8px 24px rgb(93 117 173 / 0.35);
}

#6082b6 Glaucous ΔE 5.04 #436b95 Queen Blue ΔE 7.04 #417dc1 Tufts Blue ΔE 7.17 #4169e1 Royal Blue ΔE 7.81 #4682b4 Steel Blue ΔE 8.62 #0073cf True Blue ΔE 9.13 #4166f5 Ultramarine Blue ΔE 9.81 #a28a52 Ters renk #767676 Gri tonlama 

Glaucous
#5d75ad  rgb(93, 117, 173)  hsl(222, 33%, 52%)  Glaucous
#ad955d  rgb(173, 149, 93)  hsl(42, 33%, 52%)  Camel
#ad5d75  rgb(173, 93, 117)  hsl(342, 33%, 52%)  Rose Gold
#75ad5d  rgb(117, 173, 93)  hsl(102, 33%, 52%)  Asparagus