#DF86A2#DF86A2

#DF86A2 لون فاتح ومتوسط التشبّع من عائلة زهري. الإضاءة النسبية 0.353؛ OKLCH L 72.2% C 0.113 H 0.1°. أفضل لون لنص المتن هو #000000 بتباين 8.07:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#DF86A2
RGBrgb(223, 134, 162)
HSLhsl(341, 58%, 70%)
HSVhsv(341, 40%, 87%)
CMYKcmyk(0%, 39.9%, 27.4%, 12.5%)
CIE-LABlab(66.02, 37.54, -0.14)
CIE-LCHlch(66.02, 37.54, 359.79°)
OKLaboklab(72.17% 0.1134 0.0001)
OKLCHoklch(72.17% 0.113 0.1)
XYZxyz(45.4794, 35.3501, 38.6033)
Luminance0.3535 (WCAG relative)
Temperaturewarm
Familypink

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#DF86A2 #86DFC3
analogous
#DF86CE #DF86A2 #DF9786
triadic
#DF86A2 #A2DF86 #86A2DF
tetradic
#DF86A2 #CEDF86 #86DFC3 #9786DF
square
#DF86A2 #CEDF86 #86DFC3 #9786DF
split-complementary
#DF86A2 #86DF97 #86CEDF
monochromatic
#BA315C #D2567D #DF86A2 #ECB6C7 #F9E7EC

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

On white

2.60
#DF86A2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.07
#DF86A2 on #000000
AA ✓AA large ✓AAA ✓

أفضل لون للنص

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

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

fg \ bg##DF86A2#FFFFFF#000000##000000
##DF86A21.002.608.078.07
#FFFFFF2.601.0021.0021.00
#0000008.0721.001.001.00
##0000008.0721.001.001.00

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

Protanopia (red-blind)
#9297A3
Deuteranopia (green-blind)
#A8A7A0
Tritanopia (blue-blind)
#ED8090
Achromatopsia (no color)
#A0A0A0

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

CSS
--color: #df86a2;
/* rgb */ color: rgb(223, 134, 162);
/* oklch */ color: oklch(72.2% 0.113 0.1);
Tailwind
colors: {
  custom: {
    50: '#ebaabd',
    500: '#df86a2',
    950: '#000000',
  },
}
SCSS
$custom: #df86a2;
$custom-light: #ebaabd;
$custom-dark: #000000;
JSON
{
  "hex": "#df86a2",
  "rgb": {
    "r": 223,
    "g": 134,
    "b": 162
  },
  "hsl": {
    "h": 341.124,
    "s": 58.17,
    "l": 70
  },
  "oklch": {
    "l": 0.72168,
    "c": 0.11344,
    "h": 0.1
  },
  "luminance": 0.35347
}

Semantic roles & 50–950 ramp

primary
#DF86A2
secondary
#D4EDE5
accent
#C69220
background
#FEFAFB
surface
#FDF4F6
border
#D5CED0
text
#161012
muted
#847F81

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

معاينة مع #DF86A2

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

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

#DF86A2 — Tintiva