#DF486C#DF486C

#DF486C لون فاتح وزاهٍ من عائلة أحمر. الإضاءة النسبية 0.214؛ OKLCH L 62.2% C 0.187 H 10.3°. أفضل لون لنص المتن هو #000000 بتباين 5.28:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX#DF486C
RGBrgb(223, 72, 108)
HSLhsl(346, 70%, 58%)
HSVhsv(346, 68%, 87%)
CMYKcmyk(0%, 67.7%, 51.6%, 12.5%)
CIE-LABlab(53.40, 60.82, 13.13)
CIE-LCHlch(53.40, 62.22, 12.18°)
OKLaboklab(62.22% 0.1845 0.0335)
OKLCHoklch(62.22% 0.187 10.3)
XYZxyz(35.4586, 21.4101, 16.4498)
Luminance0.2140 (WCAG relative)
Temperaturewarm
Familyred

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

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

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

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

التدريجات

OKLCH scale

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

complementary
#DF486C #48DFBB
analogous
#DF48B8 #DF486C #DF6F48
triadic
#DF486C #6CDF48 #486CDF
tetradic
#DF486C #B8DF48 #48DFBB #6F48DF
square
#DF486C #B8DF48 #48DFBB #6F48DF
split-complementary
#DF486C #48DF6F #48B8DF
monochromatic
#931A37 #C7234A #DF486C #E87C96 #F1B0C0

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

On white

3.98
#DF486C on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.28
#DF486C on #000000
AA ✓AA large ✓AAA ✗

أفضل لون للنص

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

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

fg \ bg##DF486C#FFFFFF#000000##000000
##DF486C1.003.985.285.28
#FFFFFF3.981.0021.0021.00
#0000005.2821.001.001.00
##0000005.2821.001.001.00

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

Protanopia (red-blind)
#6C6C6D
Deuteranopia (green-blind)
#938B68
Tritanopia (blue-blind)
#F32B56
Achromatopsia (no color)
#808080

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

CSS
--color: #df486c;
/* rgb */ color: rgb(223, 72, 108);
/* oklch */ color: oklch(62.2% 0.187 10.3);
Tailwind
colors: {
  custom: {
    50: '#ef8495',
    500: '#df486c',
    950: '#000000',
  },
}
SCSS
$custom: #df486c;
$custom-light: #ef8495;
$custom-dark: #000000;
JSON
{
  "hex": "#df486c",
  "rgb": {
    "r": 223,
    "g": 72,
    "b": 108
  },
  "hsl": {
    "h": 345.695,
    "s": 70.233,
    "l": 57.843
  },
  "oklch": {
    "l": 0.62215,
    "c": 0.18746,
    "h": 10.3
  },
  "luminance": 0.21405
}

Semantic roles & 50–950 ramp

primary
#DF486C
secondary
#A3E0D1
accent
#EDC33B
background
#FFF8F9
surface
#FFF0F1
border
#D7CBCB
text
#180C0D
muted
#867D7E

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

معاينة مع #DF486C

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

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

#DF486C — Tintiva