ColorTool
Giriş yap
#684EA2

#684ea2 ≈ Royal Purple

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

#684ea2, “mor” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %40,78 kırmızı, %30,59 yeşil ve %63,53 maviden oluşur; CMYK baskıda %35,8 camgöbeği, %51,85 macenta, %0 sarı ve %36,47 siyah kullanır. Ton açısı 258,57°, HSL’de doygunluğu %35 ve açıklığı %47,06’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 6,56:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Royal Purple (#7851a9), ΔE 3,47.

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

Tamamlayıcı

  1. #684ea2
  2. #88a24e

Bölünmüş tamamlayıcı

  1. #684ea2
  2. #a2924e
  3. #5ea24e

Komşu

  1. #4e5ea2
  2. #684ea2
  3. #924ea2

Üçlü

  1. #684ea2
  2. #a2684e
  3. #4ea268

Dörtlü

  1. #684ea2
  2. #a24e88
  3. #88a24e
  4. #4ea268

Kare

  1. #684ea2
  2. #a24e5e
  3. #88a24e
  4. #4ea292

Tek renkli

  1. #261c3b
  2. #47356e
  3. #684ea2
  4. #917cc0
  5. #bdb0d9

Koyu tonlar

#684ea2 kademeli olarak siyahla karıştırıldı.

  1. #684ea2
  2. #5e4692
  3. #533e82
  4. #493771
  5. #3e2f61
  6. #342751
  7. #2a1f41
  8. #1f1731
  9. #151020
  10. #0a0810
  11. #000000

Açık tonlar

#684ea2 kademeli olarak beyazla karıştırıldı.

  1. #684ea2
  2. #7760ab
  3. #8671b5
  4. #9583be
  5. #a495c7
  6. #b4a7d1
  7. #c3b8da
  8. #d2cae3
  9. #e1dcec
  10. #f0edf6
  11. #ffffff

Tonlar

#684ea2 kademeli olarak griyle karıştırıldı.

  1. #684ea2
  2. #6a539f
  3. #6d589b
  4. #6f5d98
  5. #726294
  6. #746791
  7. #766c8e
  8. #79718a
  9. #7b7687
  10. #7e7b83
  11. #808080

Okunaklı metin 6.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Okunaklı metin 3.2:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕

Akromatopsi #5d5d5d Erkeklerin ≈ 0.003% kadarı
Akromatomali #62587f Erkeklerin ≈ 0.001% kadarı
Protanopi #2e5ea5 Erkeklerin ≈ 1.01% kadarı
Döteranopi #345ca0 Erkeklerin ≈ 1.27% kadarı
Tritanopi #5a5f70 Erkeklerin ≈ 0.0001% kadarı
Protanomali #4c58a4 Erkeklerin ≈ 1.08% kadarı
Döteranomali #4e57a1 Erkeklerin ≈ 4.63% kadarı
Tritanomali #605887 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-684ea2 {
  color: #684ea2;
}
Arka plan
.bg-684ea2 {
  background-color: #684ea2;
  color: #ffffff;
}
Kenarlık
.border-684ea2 {
  border: 2px solid #684ea2;
}
CSS değişkenleri
:root {
  --color-primary: #684ea2;
  --color-primary-rgb: 104 78 162;
  --color-primary-hsl: 259 35% 47%;
}
Geçiş
.gradient-684ea2 {
  background: linear-gradient(135deg, #684ea2, #924ea2);
}
Renkli gölge
.shadow-684ea2 {
  box-shadow: 0 8px 24px rgb(104 78 162 / 0.35);
}

#7851a9 Royal Purple ΔE 3.47 #69359c Purple Heart ΔE 6.87 #4f42b5 Ocean Blue ΔE 6.92 #663399 Rebecca Purple ΔE 7.36 #483d8b Dark Slate Blue ΔE 7.65 #6a5acd Slate Blue ΔE 7.86 #5a4fcf Iris ΔE 8.01 #97b15d Ters renk #5d5d5d Gri tonlama 

Royal Purple
#684ea2  rgb(104, 78, 162)  hsl(259, 35%, 47%)  Royal Purple
#88a24e  rgb(136, 162, 78)  hsl(79, 35%, 47%)  Moss Green
#a2684e  rgb(162, 104, 78)  hsl(19, 35%, 47%)  Cafe au Lait
#4ea268  rgb(78, 162, 104)  hsl(139, 35%, 47%)  Jade