ColorTool
Giriş yap
#AF54AA

#af54aa ≈ Purpureus

  • macenta
  • Açıklık: orta
  • Doygunluk: orta
  • Dengeli
Kontrastı denetle Grafikte keşfet Rastgele renk

#af54aa, “macenta” ailesinden bir renktir; açıklığı orta, doygunluğu orta. RGB modelinde %68,63 kırmızı, %32,94 yeşil ve %66,67 maviden oluşur; CMYK baskıda %0 camgöbeği, %52 macenta, %2,86 sarı ve %31,37 siyah kullanır. Ton açısı 303,3°, HSL’de doygunluğu %36,25 ve açıklığı %50,78’dir. Sıcak ile soğuk arasında yer alır ve çoğunlukla yaratıcılık, cesaret ve bireysellik 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 siyah metin 4,67:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Purpureus (#9a4eae), ΔE 5,61.

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

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

Tamamlayıcı

  1. #af54aa
  2. #54af59

Bölünmüş tamamlayıcı

  1. #af54aa
  2. #7caf54
  3. #54af86

Komşu

  1. #8654af
  2. #af54aa
  3. #af547c

Üçlü

  1. #af54aa
  2. #aaaf54
  3. #54aaaf

Dörtlü

  1. #af54aa
  2. #af5954
  3. #54af59
  4. #54aaaf

Kare

  1. #af54aa
  2. #af8654
  3. #54af59
  4. #547caf

Tek renkli

  1. #482246
  2. #7c3a79
  3. #af54aa
  4. #c788c4
  5. #e0bcde

Koyu tonlar

#af54aa kademeli olarak siyahla karıştırıldı.

  1. #af54aa
  2. #9e4c99
  3. #8c4388
  4. #7b3b77
  5. #693266
  6. #582a55
  7. #462244
  8. #351933
  9. #231122
  10. #120811
  11. #000000

Açık tonlar

#af54aa kademeli olarak beyazla karıştırıldı.

  1. #af54aa
  2. #b765b3
  3. #bf76bb
  4. #c787c4
  5. #cf98cc
  6. #d7aad5
  7. #dfbbdd
  8. #e7cce6
  9. #efddee
  10. #f7eef7
  11. #ffffff

Tonlar

#af54aa kademeli olarak griyle karıştırıldı.

  1. #af54aa
  2. #aa58a6
  3. #a65da2
  4. #a1619d
  5. #9c6699
  6. #986a95
  7. #936e91
  8. #8e738d
  9. #897788
  10. #857c84
  11. #808080

Okunaklı metin 4.5:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 4.67:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #777777 Erkeklerin ≈ 0.003% kadarı
Akromatomali #916b8e Erkeklerin ≈ 0.001% kadarı
Protanopi #4e6fad Erkeklerin ≈ 1.01% kadarı
Döteranopi #697ba7 Erkeklerin ≈ 1.27% kadarı
Tritanopi #b55d77 Erkeklerin ≈ 0.0001% kadarı
Protanomali #8065ac Erkeklerin ≈ 1.08% kadarı
Döteranomali #8b6ea8 Erkeklerin ≈ 4.63% kadarı
Tritanomali #b2598e Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-af54aa {
  color: #af54aa;
}
Arka plan
.bg-af54aa {
  background-color: #af54aa;
  color: #000000;
}
Kenarlık
.border-af54aa {
  border: 2px solid #af54aa;
}
CSS değişkenleri
:root {
  --color-primary: #af54aa;
  --color-primary-rgb: 175 84 170;
  --color-primary-hsl: 303 36% 51%;
}
Geçiş
.gradient-af54aa {
  background: linear-gradient(135deg, #af54aa, #af547c);
}
Renkli gölge
.shadow-af54aa {
  box-shadow: 0 8px 24px rgb(175 84 170 / 0.35);
}

#9a4eae Purpureus ΔE 5.61 #ba55d3 Medium Orchid ΔE 7.21 #c54b8c Mulberry ΔE 9.01 #8e4585 Deep Plum ΔE 9.47 #9966cc Amethyst ΔE 9.75 #cf71af Sky Magenta ΔE 11.08 #c71585 Medium Violet Red ΔE 11.08 #50ab55 Ters renk #777777 Gri tonlama 

Purpureus
#af54aa  rgb(175, 84, 170)  hsl(303, 36%, 51%)  Purpureus
#54af59  rgb(84, 175, 89)  hsl(123, 36%, 51%)  Medium Sea Green
#aaaf54  rgb(170, 175, 84)  hsl(63, 36%, 51%)  Dark Khaki
#54aaaf  rgb(84, 170, 175)  hsl(183, 36%, 51%)  Cadet Blue