ColorTool
Giriş yap
#645ABC

#645abc ≈ Slate Blue

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

#645abc, “mavi” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %39,22 kırmızı, %35,29 yeşil ve %73,73 maviden oluşur; CMYK baskıda %46,81 camgöbeği, %52,13 macenta, %0 sarı ve %26,27 siyah kullanır. Ton açısı 246,12°, HSL’de doygunluğu %42,24 ve açıklığı %54,51’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 5,63:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Slate Blue (#6a5acd), ΔE 2,79.

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

Tamamlayıcı

  1. #645abc
  2. #b2bc5a

Bölünmüş tamamlayıcı

  1. #645abc
  2. #bc955a
  3. #81bc5a

Komşu

  1. #5a81bc
  2. #645abc
  3. #955abc

Üçlü

  1. #645abc
  2. #bc645a
  3. #5abc64

Dörtlü

  1. #645abc
  2. #bc5ab2
  3. #b2bc5a
  4. #5abc64

Kare

  1. #645abc
  2. #bc5a81
  3. #b2bc5a
  4. #5abc95

Tek renkli

  1. #292459
  2. #433a8f
  3. #645abc
  4. #9790d2
  5. #cac7e8

Koyu tonlar

#645abc kademeli olarak siyahla karıştırıldı.

  1. #645abc
  2. #5a51a9
  3. #504896
  4. #463f84
  5. #3c3671
  6. #322d5e
  7. #28244b
  8. #1e1b38
  9. #141226
  10. #0a0913
  11. #000000

Açık tonlar

#645abc kademeli olarak beyazla karıştırıldı.

  1. #645abc
  2. #746bc3
  3. #837bc9
  4. #938cd0
  5. #a29cd7
  6. #b2adde
  7. #c1bde4
  8. #d1ceeb
  9. #e0def2
  10. #f0eff8
  11. #ffffff

Tonlar

#645abc kademeli olarak griyle karıştırıldı.

  1. #645abc
  2. #675eb6
  3. #6a62b0
  4. #6c65aa
  5. #6f69a4
  6. #726d9e
  7. #757198
  8. #787592
  9. #7a788c
  10. #7d7c86
  11. #808080

Okunaklı metin 5.63:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.73:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #676767 Erkeklerin ≈ 0.003% kadarı
Akromatomali #666291 Erkeklerin ≈ 0.001% kadarı
Protanopi #2b6abf Erkeklerin ≈ 1.01% kadarı
Döteranopi #2764ba Erkeklerin ≈ 1.27% kadarı
Tritanopi #476f82 Erkeklerin ≈ 0.0001% kadarı
Protanomali #4864be Erkeklerin ≈ 1.08% kadarı
Döteranomali #4760bb Erkeklerin ≈ 4.63% kadarı
Tritanomali #54679d Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-645abc {
  color: #645abc;
}
Arka plan
.bg-645abc {
  background-color: #645abc;
  color: #ffffff;
}
Kenarlık
.border-645abc {
  border: 2px solid #645abc;
}
CSS değişkenleri
:root {
  --color-primary: #645abc;
  --color-primary-rgb: 100 90 188;
  --color-primary-hsl: 246 42% 55%;
}
Geçiş
.gradient-645abc {
  background: linear-gradient(135deg, #645abc, #955abc);
}
Renkli gölge
.shadow-645abc {
  box-shadow: 0 8px 24px rgb(100 90 188 / 0.35);
}

#6a5acd Slate Blue ΔE 2.79 #5a4fcf Iris ΔE 4.58 #6050dc Majorelle Blue ΔE 5.45 #7851a9 Royal Purple ΔE 6.91 #4f42b5 Ocean Blue ΔE 7.55 #7b68ee Medium Slate Blue ΔE 9.38 #4169e1 Royal Blue ΔE 9.56 #9ba543 Ters renk #676767 Gri tonlama 

Slate Blue
#645abc  rgb(100, 90, 188)  hsl(246, 42%, 55%)  Slate Blue
#b2bc5a  rgb(178, 188, 90)  hsl(66, 42%, 55%)  Dark Khaki
#bc645a  rgb(188, 100, 90)  hsl(6, 42%, 55%)  Indian Red
#5abc64  rgb(90, 188, 100)  hsl(126, 42%, 55%)  Mantis