#AF7DD2#AF7DD2

#AF7DD2 لون فاتح وزاهٍ من عائلة بنفسجي. الإضاءة النسبية 0.284؛ OKLCH L 67.2% C 0.132 H 310.3°. أفضل لون لنص المتن هو #000000 بتباين 6.69:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#AF7DD2
RGBrgb(175, 125, 210)
HSLhsl(275, 49%, 66%)
HSVhsv(275, 40%, 82%)
CMYKcmyk(16.7%, 40.5%, 0%, 17.6%)
CIE-LABlab(60.28, 35.12, -36.47)
CIE-LCHlch(60.28, 50.63, 313.92°)
OKLaboklab(67.18% 0.0856 -0.101)
OKLCHoklch(67.18% 0.132 310.3)
XYZxyz(36.6436, 28.4349, 64.5184)
Luminance0.2843 (WCAG relative)
Temperaturecool
Familyviolet

أقرب الألوان المُسمّاة

المقاييس الإدراكية

الدرجات الغامقة

الدرجات الفاتحة

التدريجات

OKLCH scale

تناغمات الألوان

complementary
#AF7DD2 #A0D27D
analogous
#847DD2 #AF7DD2 #D27DCA
triadic
#AF7DD2 #D2AF7D #7DD2AF
tetradic
#AF7DD2 #D2847D #A0D27D #7DCAD2
square
#AF7DD2 #D2847D #A0D27D #7DCAD2
split-complementary
#AF7DD2 #CAD27D #7DD284
monochromatic
#73379E #9350C2 #AF7DD2 #CBAAE2 #E7D8F1

إمكانية الوصول والتباين

On white

3.14
#AF7DD2 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.69
#AF7DD2 on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

#000000 on #AF7DD2
6.69:1 — WCAG AA (نص عادي) مطابق

مصفوفة التباين

fg \ bg##AF7DD2#FFFFFF#000000##000000
##AF7DD21.003.146.696.69
#FFFFFF3.141.0021.0021.00
#0000006.6921.001.001.00
##0000006.6921.001.001.00

معاينة عمى الألوان

Protanopia (red-blind)
#6C8FD5
Deuteranopia (green-blind)
#7892D0
Tritanopia (blue-blind)
#AB8A9E
Achromatopsia (no color)
#919191

وسوم التصميم والكود

CSS
--color: #af7dd2;
/* rgb */ color: rgb(175, 125, 210);
/* oklch */ color: oklch(67.2% 0.132 310.3);
Tailwind
colors: {
  custom: {
    50: '#c8a3e0',
    500: '#af7dd2',
    950: '#000000',
  },
}
SCSS
$custom: #af7dd2;
$custom-light: #c8a3e0;
$custom-dark: #000000;
JSON
{
  "hex": "#af7dd2",
  "rgb": {
    "r": 175,
    "g": 125,
    "b": 210
  },
  "hsl": {
    "h": 275.294,
    "s": 48.571,
    "l": 65.686
  },
  "oklch": {
    "l": 0.67176,
    "c": 0.13242,
    "h": 310.3
  },
  "luminance": 0.28434
}

Semantic roles & 50–950 ramp

primary
#AF7DD2
secondary
#D3E4C7
accent
#BC2A66
background
#FCFAFD
surface
#F8F4FB
border
#D1CED4
text
#130F15
muted
#827F83

مختبر المعاينة

معاينة مع #AF7DD2

Body copy rendered with the generated semantic roles for this colour.

مختبر المعاينة → · فاحص التباين → · مولّد اللوحات →

#AF7DD2 — Tintiva