#CFC330#CFC330

#CFC330 لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.525؛ OKLCH L 80.3% C 0.157 H 104.5°. أفضل لون لنص المتن هو #000000 بتباين 11.50:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#CFC330
RGB	rgb(207, 195, 48)
HSL	hsl(55, 62%, 50%)
HSV	hsv(55, 77%, 81%)
CMYK	cmyk(0%, 5.8%, 76.8%, 18.8%)
CIE-LAB	lab(77.59, -11.44, 69.58)
CIE-LCH	lch(77.59, 70.52, 99.34°)
OKLab	oklab(80.29% -0.0393 0.1517)
OKLCH	oklch(80.29% 0.157 104.5)
XYZ	xyz(45.7828, 52.5109, 10.5198)
Luminance	0.5251 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#CFC330 #303CCF

analogous

#CF7430 #CFC330 #8BCF30

triadic

#CFC330 #30CFC3 #C330CF

tetradic

#CFC330 #30CF74 #303CCF #CF308B

square

#CFC330 #30CF74 #303CCF #CF308B

split-complementary

#CFC330 #308BCF #7430CF

monochromatic

#6C6519 #9D9424 #CFC330 #DBD162 #E6E093

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

On white

1.83

#CFC330 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

11.50

#CFC330 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #CFC330

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

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

fg \ bg	##CFC330	#FFFFFF	#000000	##000000
##CFC330	1.00	1.83	11.50	11.50
#FFFFFF	1.83	1.00	21.00	21.00
#000000	11.50	21.00	1.00	1.00
##000000	11.50	21.00	1.00	1.00

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

Protanopia (red-blind)

#D5BC08

Deuteranopia (green-blind)

#D9C33C

Tritanopia (blue-blind)

#DFB5A8

Achromatopsia (no color)

#C0C0C0

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

CSS

--color: #cfc330;
/* rgb */ color: rgb(207, 195, 48);
/* oklch */ color: oklch(80.3% 0.157 104.5);

Tailwind

colors: {
  custom: {
    50: '#e2d475',
    500: '#cfc330',
    950: '#000000',
  },
}

SCSS

$custom: #cfc330;
$custom-light: #e2d475;
$custom-dark: #000000;

JSON

{
  "hex": "#cfc330",
  "rgb": {
    "r": 207,
    "g": 195,
    "b": 48
  },
  "hsl": {
    "h": 55.472,
    "s": 62.353,
    "l": 50
  },
  "oklch": {
    "l": 0.80286,
    "c": 0.15673,
    "h": 104.5
  },
  "luminance": 0.52509
}

Semantic roles & 50–950 ramp

primary

#CFC330

secondary

#2E3375

accent

#4FE542

background

#FEFEFB

surface

#FDFBF1

border

#D5D4CB

text

#161409

muted

#84837D

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

معاينة مع #CFC330

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

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