#DFD551#DFD551

#DFD551 لون فاتح جداً وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.639؛ OKLCH L 85.7% C 0.151 H 105.0°. أفضل لون لنص المتن هو #000000 بتباين 13.77:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#DFD551
RGB	rgb(223, 213, 81)
HSL	hsl(56, 69%, 60%)
HSV	hsv(56, 64%, 87%)
CMYK	cmyk(0%, 4.5%, 63.7%, 12.5%)
CIE-LAB	lab(83.90, -12.15, 64.17)
CIE-LCH	lch(83.90, 65.31, 100.72°)
OKLab	oklab(85.7% -0.0389 0.1454)
OKLCH	oklch(85.7% 0.151 105)
XYZ	xyz(55.7129, 63.8725, 17.1769)
Luminance	0.6387 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#DFD551 #515BDF

analogous

#DF8E51 #DFD551 #A2DF51

triadic

#DFD551 #51DFD5 #D551DF

tetradic

#DFD551 #51DF8E #515BDF #DF51A2

square

#DFD551 #51DF8E #515BDF #DF51A2

split-complementary

#DFD551 #51A2DF #8E51DF

monochromatic

#99911C #CDC126 #DFD551 #E9E185 #F2EEB8

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

On white

1.52

#DFD551 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.77

#DFD551 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #DFD551

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

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

fg \ bg	##DFD551	#FFFFFF	#000000	##000000
##DFD551	1.00	1.52	13.77	13.77
#FFFFFF	1.52	1.00	21.00	21.00
#000000	13.77	21.00	1.00	1.00
##000000	13.77	21.00	1.00	1.00

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

Protanopia (red-blind)

#E7CE40

Deuteranopia (green-blind)

#EAD459

Tritanopia (blue-blind)

#EFC7BA

Achromatopsia (no color)

#D1D1D1

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

CSS

--color: #dfd551;
/* rgb */ color: rgb(223, 213, 81);
/* oklch */ color: oklch(85.7% 0.151 105.0);

Tailwind

colors: {
  custom: {
    50: '#ece188',
    500: '#dfd551',
    950: '#000000',
  },
}

SCSS

$custom: #dfd551;
$custom-light: #ece188;
$custom-dark: #000000;

JSON

{
  "hex": "#dfd551",
  "rgb": {
    "r": 223,
    "g": 213,
    "b": 81
  },
  "hsl": {
    "h": 55.775,
    "s": 68.932,
    "l": 59.608
  },
  "oklch": {
    "l": 0.85702,
    "c": 0.15052,
    "h": 105
  },
  "luminance": 0.63871
}

Semantic roles & 50–950 ramp

primary

#DFD551

secondary

#373E9D

accent

#48EC3C

background

#FFFEFC

surface

#FEFCF4

border

#D6D5CE

text

#17150C

muted

#85847F

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

معاينة مع #DFD551

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

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