#E7C28A#E7C28A

#E7C28A لون فاتح جداً ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.574؛ OKLCH L 83.3% C 0.084 H 77.6°. أفضل لون لنص المتن هو #000000 بتباين 12.48:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#E7C28A
RGB	rgb(231, 194, 138)
HSL	hsl(36, 66%, 72%)
HSV	hsv(36, 40%, 91%)
CMYK	cmyk(0%, 16%, 40.3%, 9.4%)
CIE-LAB	lab(80.41, 5.68, 33.08)
CIE-LCH	lch(80.41, 33.56, 80.25°)
OKLab	oklab(83.33% 0.0181 0.0818)
OKLCH	oklch(83.33% 0.084 77.6)
XYZ	xyz(56.8359, 57.4101, 32.1273)
Luminance	0.5741 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#E7C28A #8AAFE7

analogous

#E7948A #E7C28A #DDE78A

triadic

#E7C28A #8AE7C2 #C28AE7

tetradic

#E7C28A #8AE794 #8AAFE7 #E78ADD

square

#E7C28A #8AE794 #8AAFE7 #E78ADD

split-complementary

#E7C28A #8ADDE7 #948AE7

monochromatic

#CD8C2A #DDA857 #E7C28A #F1DCBD #FAF2E6

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

On white

1.68

#E7C28A on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

12.48

#E7C28A on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #E7C28A

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

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

fg \ bg	##E7C28A	#FFFFFF	#000000	##000000
##E7C28A	1.00	1.68	12.48	12.48
#FFFFFF	1.68	1.00	21.00	21.00
#000000	12.48	21.00	1.00	1.00
##000000	12.48	21.00	1.00	1.00

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

Protanopia (red-blind)

#D1C286

Deuteranopia (green-blind)

#DACB8B

Tritanopia (blue-blind)

#F5B8B4

Achromatopsia (no color)

#C7C7C7

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

CSS

--color: #e7c28a;
/* rgb */ color: rgb(231, 194, 138);
/* oklch */ color: oklch(83.3% 0.084 77.6);

Tailwind

colors: {
  custom: {
    50: '#f0d4ac',
    500: '#e7c28a',
    950: '#000000',
  },
}

SCSS

$custom: #e7c28a;
$custom-light: #f0d4ac;
$custom-dark: #000000;

JSON

{
  "hex": "#e7c28a",
  "rgb": {
    "r": 231,
    "g": 194,
    "b": 138
  },
  "hsl": {
    "h": 36.129,
    "s": 65.957,
    "l": 72.353
  },
  "oklch": {
    "l": 0.83327,
    "c": 0.08378,
    "h": 77.6
  },
  "luminance": 0.57407
}

Semantic roles & 50–950 ramp

primary

#E7C28A

secondary

#5580C0

accent

#60CE18

background

#FFFEFD

surface

#FEFBF7

border

#D6D4D0

text

#171410

muted

#858381

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

معاينة مع #E7C28A

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

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