#ABB022#ABB022

#ABB022 لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.398؛ OKLCH L 73.0% C 0.152 H 111.8°. أفضل لون لنص المتن هو #000000 بتباين 8.96:1 (مطابق لمعيار WCAG AA).

قيم اللون

HEX	#ABB022
RGB	rgb(171, 176, 34)
HSL	hsl(62, 68%, 41%)
HSV	hsv(62, 81%, 69%)
CMYK	cmyk(2.8%, 0%, 80.7%, 31%)
CIE-LAB	lab(69.34, -17.83, 65.23)
CIE-LCH	lch(69.34, 67.62, 105.29°)
OKLab	oklab(72.96% -0.0564 0.1413)
OKLCH	oklch(72.96% 0.152 111.8)
XYZ	xyz(32.6098, 39.8249, 7.4823)
Luminance	0.3982 (WCAG relative)
Temperature	warm
Family	yellow

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

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

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

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

التدريجات

OKLCH scale

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

complementary

#ABB022 #2722B0

analogous

#B06E22 #ABB022 #64B022

triadic

#ABB022 #22ABB0 #B022AB

tetradic

#ABB022 #22B06E #2722B0 #B02264

square

#ABB022 #22B06E #2722B0 #B02264

split-complementary

#ABB022 #2264B0 #6E22B0

monochromatic

#47490E #797D18 #ABB022 #D3D837 #DEE26A

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

On white

2.34

#ABB022 on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

8.96

#ABB022 on #000000

AA ✓AA large ✓AAA ✓

أفضل لون للنص

#000000 on #ABB022

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

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

fg \ bg	##ABB022	#FFFFFF	#000000	##000000
##ABB022	1.00	2.34	8.96	8.96
#FFFFFF	2.34	1.00	21.00	21.00
#000000	8.96	21.00	1.00	1.00
##000000	8.96	21.00	1.00	1.00

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

Protanopia (red-blind)

#BEA800

Deuteranopia (green-blind)

#BFAB30

Tritanopia (blue-blind)

#B7A596

Achromatopsia (no color)

#A9A9A9

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

CSS

--color: #abb022;
/* rgb */ color: rgb(171, 176, 34);
/* oklch */ color: oklch(73.0% 0.152 111.8);

Tailwind

colors: {
  custom: {
    50: '#c8c76b',
    500: '#abb022',
    950: '#000000',
  },
}

SCSS

$custom: #abb022;
$custom-light: #c8c76b;
$custom-dark: #000000;

JSON

{
  "hex": "#abb022",
  "rgb": {
    "r": 171,
    "g": 176,
    "b": 34
  },
  "hsl": {
    "h": 62.113,
    "s": 67.619,
    "l": 41.176
  },
  "oklch": {
    "l": 0.72963,
    "c": 0.15217,
    "h": 111.8
  },
  "luminance": 0.39824
}

Semantic roles & 50–950 ramp

primary

#ABB022

secondary

#6966C8

accent

#3DEA43

background

#FCFCF6

surface

#F9F8EC

border

#D2D1C7

text

#141307

muted

#82827A

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

معاينة مع #ABB022

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

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