#E2CC54#E2CC54

#E2CC54 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.600؛ OKLCH L 84.1% C 0.140 H 98.9°. أفضل لون لنص المتن هو #000000 بتباين 13.00:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#E2CC54
RGB	rgb(226, 204, 84)
HSL	hsl(51, 71%, 61%)
HSV	hsv(51, 63%, 89%)
CMYK	cmyk(0%, 9.7%, 62.8%, 11.4%)
CIE-LAB	lab(81.84, -6.17, 60.79)
CIE-LCH	lch(81.84, 61.11, 95.79°)
OKLab	oklab(84.13% -0.0217 0.1386)
OKLCH	oklch(84.13% 0.14 98.9)
XYZ	xyz(54.5594, 59.9970, 17.0925)
Luminance	0.5999 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#E2CC54 #546AE2

analogous

#E28554 #E2CC54 #B1E254

triadic

#E2CC54 #54E2CC #CC54E2

tetradic

#E2CC54 #54E285 #546AE2 #E254B1

square

#E2CC54 #54E285 #546AE2 #E254B1

split-complementary

#E2CC54 #54B1E2 #8554E2

monochromatic

#A08C1B #D5B924 #E2CC54 #EBDC88 #F4EBBD

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

On white

1.62

#E2CC54 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.00

#E2CC54 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #E2CC54

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

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

fg \ bg	##E2CC54	#FFFFFF	#000000	##000000
##E2CC54	1.00	1.62	13.00	13.00
#FFFFFF	1.62	1.00	21.00	21.00
#000000	13.00	21.00	1.00	1.00
##000000	13.00	21.00	1.00	1.00

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

Protanopia (red-blind)

#DEC746

Deuteranopia (green-blind)

#E4CF5A

Tritanopia (blue-blind)

#F3BEB3

Achromatopsia (no color)

#CBCBCB

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

CSS

--color: #e2cc54;
/* rgb */ color: rgb(226, 204, 84);
/* oklch */ color: oklch(84.1% 0.140 98.9);

Tailwind

colors: {
  custom: {
    50: '#eedb89',
    500: '#e2cc54',
    950: '#000000',
  },
}

SCSS

$custom: #e2cc54;
$custom-light: #eedb89;
$custom-dark: #000000;

JSON

{
  "hex": "#e2cc54",
  "rgb": {
    "r": 226,
    "g": 204,
    "b": 84
  },
  "hsl": {
    "h": 50.704,
    "s": 71,
    "l": 60.784
  },
  "oklch": {
    "l": 0.84133,
    "c": 0.14029,
    "h": 98.9
  },
  "luminance": 0.59995
}

Semantic roles & 50–950 ramp

primary

#E2CC54

secondary

#3748A3

accent

#30D312

background

#FFFEFC

surface

#FEFBF4

border

#D6D4CE

text

#17140C

muted

#85837F

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

معاينة مع #E2CC54

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

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