#D2A553#D2A553

#D2A553 لون فاتح ومتوسط التشبّع من عائلة برتقالي. الإضاءة النسبية 0.412؛ OKLCH L 74.7% C 0.113 H 80.6°. أفضل لون لنص المتن هو #000000 بتباين 9.25:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#D2A553
RGB	rgb(210, 165, 83)
HSL	hsl(39, 59%, 57%)
HSV	hsv(39, 60%, 82%)
CMYK	cmyk(0%, 21.4%, 60.5%, 17.6%)
CIE-LAB	lab(70.34, 7.45, 48.04)
CIE-LCH	lch(70.34, 48.61, 81.19°)
OKLab	oklab(74.71% 0.0186 0.1116)
OKLCH	oklch(74.71% 0.113 80.6)
XYZ	xyz(41.5970, 41.2391, 13.9509)
Luminance	0.4124 (WCAG relative)
Temperature	warm
Family	orange

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#D2A553 #5380D2

analogous

#D26653 #D2A553 #C0D253

triadic

#D2A553 #53D2A5 #A553D2

tetradic

#D2A553 #53D266 #5380D2 #D253C0

square

#D2A553 #53D266 #5380D2 #D253C0

split-complementary

#D2A553 #53C0D2 #6653D2

monochromatic

#876423 #B88830 #D2A553 #DFBE84 #EBD8B4

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

On white

2.27

#D2A553 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.25

#D2A553 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #D2A553

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

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

fg \ bg	##D2A553	#FFFFFF	#000000	##000000
##D2A553	1.00	2.27	9.25	9.25
#FFFFFF	2.27	1.00	21.00	21.00
#000000	9.25	21.00	1.00	1.00
##000000	9.25	21.00	1.00	1.00

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

Protanopia (red-blind)

#B8A54B

Deuteranopia (green-blind)

#C2B156

Tritanopia (blue-blind)

#E39892

Achromatopsia (no color)

#ACACAC

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

CSS

--color: #d2a553;
/* rgb */ color: rgb(210, 165, 83);
/* oklch */ color: oklch(74.7% 0.113 80.6);

Tailwind

colors: {
  custom: {
    50: '#e3bf86',
    500: '#d2a553',
    950: '#000000',
  },
}

SCSS

$custom: #d2a553;
$custom-light: #e3bf86;
$custom-dark: #000000;

JSON

{
  "hex": "#d2a553",
  "rgb": {
    "r": 210,
    "g": 165,
    "b": 83
  },
  "hsl": {
    "h": 38.74,
    "s": 58.525,
    "l": 57.451
  },
  "oklch": {
    "l": 0.74711,
    "c": 0.11314,
    "h": 80.6
  },
  "luminance": 0.41236
}

Semantic roles & 50–950 ramp

primary

#D2A553

secondary

#A7B9DA

accent

#7DE246

background

#FEFBF8

surface

#FDF7EF

border

#D5D0CA

text

#16120B

muted

#84817C

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

معاينة مع #D2A553

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

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