#ABBF35#ABBF35
#ABBF35 لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.462؛ OKLCH L 76.5% C 0.158 H 117.6°. أفضل لون لنص المتن هو #000000 بتباين 10.24:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #ABBF35 |
|---|---|
| RGB | rgb(171, 191, 53) |
| HSL | hsl(69, 57%, 48%) |
| HSV | hsv(69, 72%, 75%) |
| CMYK | cmyk(10.5%, 0%, 72.3%, 25.1%) |
| CIE-LAB | lab(73.66, -24.47, 63.22) |
| CIE-LCH | lch(73.66, 67.79, 111.16°) |
| OKLab | oklab(76.46% -0.0733 0.1404) |
| OKLCH | oklch(76.46% 0.158 117.6) |
| XYZ | xyz(36.0688, 46.1770, 10.3804) |
| Luminance | 0.4618 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Pea
#A4BF20
ΔE00 1.78
Gross Green
#A0BF16
ΔE00 2.53
Sick Green
#9DB92C
ΔE00 2.62
Snot
#ACBB0D
ΔE00 2.91
Bright Olive
#9CBB04
ΔE00 3.13
Snot Green
#9DC100
ΔE00 3.44
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#ABBF35 #4935BF
analogous
#BF8E35 #ABBF35 #66BF35
triadic
#ABBF35 #35ABBF #BF35AB
tetradic
#ABBF35 #35BF8E #4935BF #BF3566
square
#ABBF35 #35BF8E #4935BF #BF3566
split-complementary
#ABBF35 #3566BF #8E35BF
monochromatic
#555F1A #808F28 #ABBF35 #C2D35F #D4E08F
إمكانية الوصول والتباين
On white
2.05
#ABBF35 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.24
#ABBF35 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #ABBF35
10.24:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##ABBF35 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ABBF35 | 1.00 | 2.05 | 10.24 | 10.24 |
| #FFFFFF | 2.05 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.24 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.24 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CCB51B
Deuteranopia (green-blind)
#CAB640
Tritanopia (blue-blind)
#B6B4A4
Achromatopsia (no color)
#B5B5B5
وسوم التصميم والكود
CSS
--color: #abbf35; /* rgb */ color: rgb(171, 191, 53); /* oklch */ color: oklch(76.5% 0.158 117.6);
Tailwind
colors: {
custom: {
50: '#c7d276',
500: '#abbf35',
950: '#000000',
},
}SCSS
$custom: #abbf35; $custom-light: #c7d276; $custom-dark: #000000;
JSON
{
"hex": "#abbf35",
"rgb": {
"r": 171,
"g": 191,
"b": 53
},
"hsl": {
"h": 68.696,
"s": 56.557,
"l": 47.843
},
"oklch": {
"l": 0.76455,
"c": 0.15836,
"h": 117.6
},
"luminance": 0.46177
}Semantic roles & 50–950 ramp
primary
#ABBF35
secondary
#8F85CA
accent
#48E05E
background
#FCFCF7
surface
#F9F9ED
border
#D2D2C8
text
#131409
muted
#82827B