ColorTool
Giriş yap
#683FA5

#683fa5 ≈ Purple Heart

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

#683fa5, “mor” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %40,78 kırmızı, %24,71 yeşil ve %64,71 maviden oluşur; CMYK baskıda %36,97 camgöbeği, %61,82 macenta, %0 sarı ve %35,29 siyah kullanır. Ton açısı 264,12°, HSL’de doygunluğu %44,74 ve açıklığı %44,71’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,39:1 kontrast oranına ulaşır (WCAG AAA). En yakın adlandırılmış renk Purple Heart (#69359c), ΔE 2,88.

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

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

Tamamlayıcı

  1. #683fa5
  2. #7ca53f

Bölünmüş tamamlayıcı

  1. #683fa5
  2. #a59b3f
  3. #49a53f

Komşu

  1. #3f49a5
  2. #683fa5
  3. #9b3fa5

Üçlü

  1. #683fa5
  2. #a5683f
  3. #3fa568

Dörtlü

  1. #683fa5
  2. #a53f7c
  3. #7ca53f
  4. #3fa568

Kare

  1. #683fa5
  2. #a53f49
  3. #7ca53f
  4. #3fa59b

Tek renkli

  1. #221536
  2. #452a6e
  3. #683fa5
  4. #8f6ac6
  5. #b9a2db

Koyu tonlar

#683fa5 kademeli olarak siyahla karıştırıldı.

  1. #683fa5
  2. #5e3995
  3. #533284
  4. #492c74
  5. #3e2663
  6. #342053
  7. #2a1942
  8. #1f1332
  9. #150d21
  10. #0a0611
  11. #000000

Açık tonlar

#683fa5 kademeli olarak beyazla karıştırıldı.

  1. #683fa5
  2. #7752ae
  3. #8665b7
  4. #9579c0
  5. #a48cc9
  6. #b49fd2
  7. #c3b2db
  8. #d2c5e4
  9. #e1d9ed
  10. #f0ecf6
  11. #ffffff

Tonlar

#683fa5 kademeli olarak griyle karıştırıldı.

  1. #683fa5
  2. #6a46a1
  3. #6d4c9e
  4. #6f539a
  5. #725996
  6. #746093
  7. #76668f
  8. #796d8b
  9. #7b7387
  10. #7e7a84
  11. #808080

Okunaklı metin 7.39:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓
Okunaklı metin 2.84:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕

Akromatopsi #565656 Erkeklerin ≈ 0.003% kadarı
Akromatomali #5d4d7d Erkeklerin ≈ 0.001% kadarı
Protanopi #0056a8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #1655a3 Erkeklerin ≈ 1.27% kadarı
Tritanopi #5a556c Erkeklerin ≈ 0.0001% kadarı
Protanomali #414ea7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #454da4 Erkeklerin ≈ 4.63% kadarı
Tritanomali #604d86 Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-683fa5 {
  color: #683fa5;
}
Arka plan
.bg-683fa5 {
  background-color: #683fa5;
  color: #ffffff;
}
Kenarlık
.border-683fa5 {
  border: 2px solid #683fa5;
}
CSS değişkenleri
:root {
  --color-primary: #683fa5;
  --color-primary-rgb: 104 63 165;
  --color-primary-hsl: 264 45% 45%;
}
Geçiş
.gradient-683fa5 {
  background: linear-gradient(135deg, #683fa5, #9b3fa5);
}
Renkli gölge
.shadow-683fa5 {
  box-shadow: 0 8px 24px rgb(104 63 165 / 0.35);
}

#69359c Purple Heart ΔE 2.88 #663399 Rebecca Purple ΔE 3.45 #4f42b5 Ocean Blue ΔE 5.78 #7851a9 Royal Purple ΔE 5.80 #483d8b Dark Slate Blue ΔE 7.13 #6c3082 Eminence ΔE 7.60 #5a4fcf Iris ΔE 8.56 #97c05a Ters renk #565656 Gri tonlama 

Purple Heart
#683fa5  rgb(104, 63, 165)  hsl(264, 45%, 45%)  Purple Heart
#7ca53f  rgb(124, 165, 63)  hsl(84, 45%, 45%)  Asparagus
#a5683f  rgb(165, 104, 63)  hsl(24, 45%, 45%)  Copper
#3fa568  rgb(63, 165, 104)  hsl(144, 45%, 45%)  Jade