ColorTool
Giriş yap
#AF74F4

#af74f4 ≈ Floral Lavender

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

#af74f4, “mor” ailesinden bir renktir; açıklığı yüksek, doygunluğu güçlü. RGB modelinde %68,63 kırmızı, %45,49 yeşil ve %95,69 maviden oluşur; CMYK baskıda %28,28 camgöbeği, %52,46 macenta, %0 sarı ve %4,31 siyah kullanır. Ton açısı 267,66°, HSL’de doygunluğu %85,33 ve açıklığı %70,59’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 eylem çağrısı düğmeleri için kullanır. Bu renk üzerinde siyah metin 6,63:1 kontrast oranına ulaşır (WCAG AA). En yakın adlandırılmış renk Floral Lavender (#b57edc), ΔE 5,48.

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

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

Tamamlayıcı

  1. #af74f4
  2. #b9f474

Bölünmüş tamamlayıcı

  1. #af74f4
  2. #f4ef74
  3. #79f474

Komşu

  1. #7479f4
  2. #af74f4
  3. #ef74f4

Üçlü

  1. #af74f4
  2. #f4af74
  3. #74f4af

Dörtlü

  1. #af74f4
  2. #f474b9
  3. #b9f474
  4. #74f4af

Kare

  1. #af74f4
  2. #f47479
  3. #b9f474
  4. #74f4ef

Tek renkli

  1. #610fc0
  2. #862dee
  3. #af74f4
  4. #d8bbfa
  5. #f4ecfe

Koyu tonlar

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

  1. #af74f4
  2. #9e68dc
  3. #8c5dc3
  4. #7b51ab
  5. #694692
  6. #583a7a
  7. #462e62
  8. #352349
  9. #231731
  10. #120c18
  11. #000000

Açık tonlar

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

  1. #af74f4
  2. #b782f5
  3. #bf90f6
  4. #c79ef7
  5. #cfacf8
  6. #d7bafa
  7. #dfc7fb
  8. #e7d5fc
  9. #efe3fd
  10. #f7f1fe
  11. #ffffff

Tonlar

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

  1. #af74f4
  2. #aa75e8
  3. #a676dd
  4. #a178d1
  5. #9c79c6
  6. #987aba
  7. #937bae
  8. #8e7ca3
  9. #897e97
  10. #857f8c
  11. #808080

Okunaklı metin 3.17:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Okunaklı metin 6.63:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Akromatopsi #919191 Erkeklerin ≈ 0.003% kadarı
Akromatomali #9e86c1 Erkeklerin ≈ 0.001% kadarı
Protanopi #478ff8 Erkeklerin ≈ 1.01% kadarı
Döteranopi #5a90f1 Erkeklerin ≈ 1.27% kadarı
Tritanopi #a28ca9 Erkeklerin ≈ 0.0001% kadarı
Protanomali #7e85f7 Erkeklerin ≈ 1.08% kadarı
Döteranomali #8486f2 Erkeklerin ≈ 4.63% kadarı
Tritanomali #a883cb Erkeklerin ≈ 0.0002% kadarı
Kendi görselinizde simüle edin

Bu renkte metin

Bu renkte arka plan

Bu renkte kenarlık

Metin rengi
.text-af74f4 {
  color: #af74f4;
}
Arka plan
.bg-af74f4 {
  background-color: #af74f4;
  color: #000000;
}
Kenarlık
.border-af74f4 {
  border: 2px solid #af74f4;
}
CSS değişkenleri
:root {
  --color-primary: #af74f4;
  --color-primary-rgb: 175 116 244;
  --color-primary-hsl: 268 85% 71%;
}
Geçiş
.gradient-af74f4 {
  background: linear-gradient(135deg, #af74f4, #ef74f4);
}
Renkli gölge
.shadow-af74f4 {
  box-shadow: 0 8px 24px rgb(175 116 244 / 0.35);
}

#b57edc Floral Lavender ΔE 5.48 #9370db Medium Purple ΔE 5.94 #9966cc Amethyst ΔE 7.70 #df73ff Heliotrope ΔE 8.27 #ba55d3 Medium Orchid ΔE 9.13 #7b68ee Medium Slate Blue ΔE 10.04 #da70d6 Orchid ΔE 11.00 #508b0b Ters renk #919191 Gri tonlama 

Floral Lavender
#af74f4  rgb(175, 116, 244)  hsl(268, 85%, 71%)  Floral Lavender
#b9f474  rgb(185, 244, 116)  hsl(88, 85%, 71%)  Inchworm
#f4af74  rgb(244, 175, 116)  hsl(28, 85%, 71%)  Fawn
#74f4af  rgb(116, 244, 175)  hsl(148, 85%, 71%)  Medium Spring Green