#FEC4A3#FEC4A3

#FEC4A3 لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.632؛ OKLCH L 86.4% C 0.080 H 50.9°. أفضل لون لنص المتن هو #000000 بتباين 13.64:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#FEC4A3
RGB	rgb(254, 196, 163)
HSL	hsl(22, 98%, 82%)
HSV	hsv(22, 36%, 100%)
CMYK	cmyk(0%, 22.8%, 35.8%, 0.4%)
CIE-LAB	lab(83.55, 16.41, 24.56)
CIE-LCH	lch(83.55, 29.53, 56.25°)
OKLab	oklab(86.43% 0.0504 0.0621)
OKLCH	oklch(86.43% 0.08 50.9)
XYZ	xyz(67.2258, 63.1987, 43.3009)
Luminance	0.6320 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#FEC4A3 #A3DDFE

analogous

#FEA3B0 #FEC4A3 #FEF1A3

triadic

#FEC4A3 #A3FEC4 #C4A3FE

tetradic

#FEC4A3 #B0FEA3 #A3DDFE #F1A3FE

square

#FEC4A3 #B0FEA3 #A3DDFE #F1A3FE

split-complementary

#FEC4A3 #A3FEF1 #A3B0FE

monochromatic

#FD762A #FD9D66 #FEC4A3 #FFEBE0 #FFECE1

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

On white

1.54

#FEC4A3 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.64

#FEC4A3 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #FEC4A3

13.64:1 — WCAG AA (نص عادي) مطابق

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

fg \ bg	##FEC4A3	#FFFFFF	#000000	##000000
##FEC4A3	1.00	1.54	13.64	13.64
#FFFFFF	1.54	1.00	21.00	21.00
#000000	13.64	21.00	1.00	1.00
##000000	13.64	21.00	1.00	1.00

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

Protanopia (red-blind)

#D4C9A1

Deuteranopia (green-blind)

#E1D5A3

Tritanopia (blue-blind)

#FFBABB

Achromatopsia (no color)

#D0D0D0

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

CSS

--color: #fec4a3;
/* rgb */ color: rgb(254, 196, 163);
/* oklch */ color: oklch(86.4% 0.080 50.9);

Tailwind

colors: {
  custom: {
    50: '#ffd6be',
    500: '#fec4a3',
    950: '#000000',
  },
}

SCSS

$custom: #fec4a3;
$custom-light: #ffd6be;
$custom-dark: #000000;

JSON

{
  "hex": "#fec4a3",
  "rgb": {
    "r": 254,
    "g": 196,
    "b": 163
  },
  "hsl": {
    "h": 21.758,
    "s": 97.849,
    "l": 81.765
  },
  "oklch": {
    "l": 0.86433,
    "c": 0.08002,
    "h": 50.9
  },
  "luminance": 0.63195
}

Semantic roles & 50–950 ramp

primary

#FEC4A3

secondary

#63B4E2

accent

#92E600

background

#FFFEFD

surface

#FFFBF8

border

#D7D4D1

text

#181412

muted

#868382

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

معاينة مع #FEC4A3

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

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