ColorTool
Giriş yap
#5E33CC

#5e33cc ≈ Ocean Blue

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

#5e33cc, “mor” ailesinden bir renktir; açıklığı orta, doygunluğu güçlü. RGB modelinde %36,86 kırmızı, %20 yeşil ve %80 maviden oluşur; CMYK baskıda %53,92 camgöbeği, %75 macenta, %0 sarı ve %20 siyah kullanır. Ton açısı 256,86°, HSL’de doygunluğu %60 ve açıklığı %50’dir. Soğuk bir renktir ve çoğunlukla hayal gücü, maneviyat ve lüks ile ilişkilendirilir. Tasarımcılar onu genellikle güzellik ve kozmetik, yaratıcı stüdyolar ve marka vurguları için kullanır. Bu renk üzerinde beyaz metin 7,44:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Ocean Blue (#4f42b5), ΔE 5,23.

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

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

Tamamlayıcı

  1. #5e33cc
  2. #a1cc33

Bölünmüş tamamlayıcı

  1. #5e33cc
  2. #ccaa33
  3. #55cc33

Komşu

  1. #3355cc
  2. #5e33cc
  3. #aa33cc

Üçlü

  1. #5e33cc
  2. #cc5e33
  3. #33cc5e

Dörtlü

  1. #5e33cc
  2. #cc33a1
  3. #a1cc33
  4. #33cc5e

Kare

  1. #5e33cc
  2. #cc3355
  3. #a1cc33
  4. #33ccaa

Tek renkli

  1. #261452
  2. #42248f
  3. #5e33cc
  4. #8e70db
  5. #bfadeb

Koyu tonlar

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

  1. #5e33cc
  2. #552eb8
  3. #4b29a3
  4. #42248f
  5. #381f7a
  6. #2f1a66
  7. #261452
  8. #1c0f3d
  9. #130a29
  10. #090514
  11. #000000

Açık tonlar

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

  1. #5e33cc
  2. #6e47d1
  3. #7e5cd6
  4. #8e70db
  5. #9e85e0
  6. #af99e6
  7. #bfadeb
  8. #cfc2f0
  9. #dfd6f5
  10. #efebfa
  11. #ffffff

Tonlar

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

  1. #5e33cc
  2. #613bc4
  3. #6542bd
  4. #684ab5
  5. #6c52ae
  6. #6f5aa6
  7. #72619e
  8. #766997
  9. #79718f
  10. #7d7888
  11. #808080

Okunaklı metin 7.44:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.82:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #555555 Erkeklerin ≈ 0.003% kadarı
Akromatomali #594a94 Erkeklerin ≈ 0.001% kadarı
Protanopi #0059d0 Erkeklerin ≈ 1.01% kadarı
Döteranopi #0051c9 Erkeklerin ≈ 1.27% kadarı
Tritanopi #305e7e Erkeklerin ≈ 0.0001% kadarı
Protanomali #064ccf Erkeklerin ≈ 1.08% kadarı
Döteranomali #0d47ca Erkeklerin ≈ 4.63% kadarı
Tritanomali #4750a3 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-5e33cc {
  color: #5e33cc;
}
Arka plan
.bg-5e33cc {
  background-color: #5e33cc;
  color: #ffffff;
}
Kenarlık
.border-5e33cc {
  border: 2px solid #5e33cc;
}
CSS değişkenleri
:root {
  --color-primary: #5e33cc;
  --color-primary-rgb: 94 51 204;
  --color-primary-hsl: 257 60% 50%;
}
Geçiş
.gradient-5e33cc {
  background: linear-gradient(135deg, #5e33cc, #aa33cc);
}
Renkli gölge
.shadow-5e33cc {
  box-shadow: 0 8px 24px rgb(94 51 204 / 0.35);
}

#4f42b5 Ocean Blue ΔE 5.23 #5218fa Han Purple ΔE 5.59 #6f00ff Electric Indigo ΔE 6.66 #3f00ff Ultramarine ΔE 6.85 #5a4fcf Iris ΔE 6.91 #8a2be2 Blue Violet ΔE 7.18 #6050dc Majorelle Blue ΔE 7.48 #a1cc33 Ters renk #555555 Gri tonlama 

Ocean Blue
#5e33cc  rgb(94, 51, 204)  hsl(257, 60%, 50%)  Ocean Blue
#a1cc33  rgb(161, 204, 51)  hsl(77, 60%, 50%)  Yellow Green
#cc5e33  rgb(204, 94, 51)  hsl(17, 60%, 50%)  Flame
#33cc5e  rgb(51, 204, 94)  hsl(137, 60%, 50%)  Malachite