#FDD78C#FDD78C

#FDD78C لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.714؛ OKLCH L 89.5% C 0.103 H 83.6°. أفضل لون لنص المتن هو #000000 بتباين 15.28:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#FDD78C
RGB	rgb(253, 215, 140)
HSL	hsl(40, 97%, 77%)
HSV	hsv(40, 45%, 99%)
CMYK	cmyk(0%, 15%, 44.7%, 0.8%)
CIE-LAB	lab(87.67, 3.70, 41.84)
CIE-LCH	lch(87.67, 42.00, 84.95°)
OKLab	oklab(89.51% 0.0114 0.1019)
OKLCH	oklch(89.51% 0.103 83.6)
XYZ	xyz(69.5444, 71.3802, 34.9205)
Luminance	0.7138 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#FDD78C #8CB2FD

analogous

#FD9F8C #FDD78C #EBFD8C

triadic

#FDD78C #8CFDD7 #D78CFD

tetradic

#FDD78C #8CFD9F #8CB2FD #FD8CEB

square

#FDD78C #8CFD9F #8CB2FD #FD8CEB

split-complementary

#FDD78C #8CEBFD #9F8CFD

monochromatic

#FBAD14 #FCC250 #FDD78C #FEECC8 #FEF5E1

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

On white

1.37

#FDD78C on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

15.28

#FDD78C on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #FDD78C

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

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

fg \ bg	##FDD78C	#FFFFFF	#000000	##000000
##FDD78C	1.00	1.37	15.28	15.28
#FFFFFF	1.37	1.00	21.00	21.00
#000000	15.28	21.00	1.00	1.00
##000000	15.28	21.00	1.00	1.00

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

Protanopia (red-blind)

#E9D686

Deuteranopia (green-blind)

#F2E08E

Tritanopia (blue-blind)

#FFCBC4

Achromatopsia (no color)

#DCDCDC

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

CSS

--color: #fdd78c;
/* rgb */ color: rgb(253, 215, 140);
/* oklch */ color: oklch(89.5% 0.103 83.6);

Tailwind

colors: {
  custom: {
    50: '#ffe3ae',
    500: '#fdd78c',
    950: '#000000',
  },
}

SCSS

$custom: #fdd78c;
$custom-light: #ffe3ae;
$custom-dark: #000000;

JSON

{
  "hex": "#fdd78c",
  "rgb": {
    "r": 253,
    "g": 215,
    "b": 140
  },
  "hsl": {
    "h": 39.823,
    "s": 96.581,
    "l": 77.059
  },
  "oklch": {
    "l": 0.89514,
    "c": 0.10252,
    "h": 83.6
  },
  "luminance": 0.71377
}

Semantic roles & 50–950 ramp

primary

#FDD78C

secondary

#507FDD

accent

#4DE600

background

#FFFEFD

surface

#FFFCF7

border

#D7D5D0

text

#181510

muted

#868481

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

معاينة مع #FDD78C

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

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