ColorTool
Giriş yap
#5656BD

#5656bd ≈ Iris

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

#5656bd, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %33,73 kırmızı, %33,73 yeşil ve %74,12 maviden oluşur; CMYK baskıda %54,5 camgöbeği, %54,5 macenta, %0 sarı ve %25,88 siyah kullanır. Ton açısı 240°, HSL’de doygunluğu %43,83 ve açıklığı %53,92’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,07:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Iris (#5a4fcf), ΔE 3,56.

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

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

Tamamlayıcı

  1. #5656bd
  2. #bdbd56

Bölünmüş tamamlayıcı

  1. #5656bd
  2. #bd8956
  3. #89bd56

Komşu

  1. #5689bd
  2. #5656bd
  3. #8956bd

Üçlü

  1. #5656bd
  2. #bd5656
  3. #56bd56

Dörtlü

  1. #5656bd
  2. #bd56bd
  3. #bdbd56
  4. #56bd56

Kare

  1. #5656bd
  2. #bd5689
  3. #bdbd56
  4. #56bd89

Tek renkli

  1. #222258
  2. #38388f
  3. #5656bd
  4. #8d8dd2
  5. #c4c4e8

Koyu tonlar

#5656bd kademeli olarak siyahla karıştırıldı.

  1. #5656bd
  2. #4d4daa
  3. #454597
  4. #3c3c84
  5. #343471
  6. #2b2b5f
  7. #22224c
  8. #1a1a39
  9. #111126
  10. #090913
  11. #000000

Açık tonlar

#5656bd kademeli olarak beyazla karıştırıldı.

  1. #5656bd
  2. #6767c4
  3. #7878ca
  4. #8989d1
  5. #9a9ad7
  6. #ababde
  7. #bbbbe5
  8. #cccceb
  9. #ddddf2
  10. #eeeef8
  11. #ffffff

Tonlar

#5656bd kademeli olarak griyle karıştırıldı.

  1. #5656bd
  2. #5a5ab7
  3. #5e5eb1
  4. #6363ab
  5. #6767a5
  6. #6b6b9f
  7. #6f6f98
  8. #737392
  9. #78788c
  10. #7c7c86
  11. #808080

Okunaklı metin 6.07:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.46:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #626262 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5e5e90 Erkeklerin ≈ 0.001% kadarı
Protanopi #1667c1 Erkeklerin ≈ 1.01% kadarı
Döteranopi #005ebb Erkeklerin ≈ 1.27% kadarı
Tritanopi #256e81 Erkeklerin ≈ 0.0001% kadarı
Protanomali #3a60bf Erkeklerin ≈ 1.08% kadarı
Döteranomali #355bbc Erkeklerin ≈ 4.63% kadarı
Tritanomali #3e659d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5656bd {
  color: #5656bd;
}
Arka plan
.bg-5656bd {
  background-color: #5656bd;
  color: #ffffff;
}
Kenarlık
.border-5656bd {
  border: 2px solid #5656bd;
}
CSS değişkenleri
:root {
  --color-primary: #5656bd;
  --color-primary-rgb: 86 86 189;
  --color-primary-hsl: 240 44% 54%;
}
Geçiş
.gradient-5656bd {
  background: linear-gradient(135deg, #5656bd, #8956bd);
}
Renkli gölge
.shadow-5656bd {
  box-shadow: 0 8px 24px rgb(86 86 189 / 0.35);
}

#5a4fcf Iris ΔE 3.56 #6a5acd Slate Blue ΔE 4.31 #6050dc Majorelle Blue ΔE 5.13 #4f42b5 Ocean Blue ΔE 6.03 #0f52ba Sapphire ΔE 8.08 #7851a9 Royal Purple ΔE 8.82 #4169e1 Royal Blue ΔE 8.85 #a9a942 Ters renk #626262 Gri tonlama 

Iris
#5656bd  rgb(86, 86, 189)  hsl(240, 44%, 54%)  Iris
#bdbd56  rgb(189, 189, 86)  hsl(60, 44%, 54%)  Dark Khaki
#bd5656  rgb(189, 86, 86)  hsl(0, 44%, 54%)  Indian Red
#56bd56  rgb(86, 189, 86)  hsl(120, 44%, 54%)  Mantis