#6FBC53#6FBC53
#6FBC53 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.400؛ OKLCH L 72.2% C 0.160 H 138.1°. أفضل لون لنص المتن هو #000000 بتباين 8.99:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #6FBC53 |
|---|---|
| RGB | rgb(111, 188, 83) |
| HSL | hsl(104, 44%, 53%) |
| HSV | hsv(104, 56%, 74%) |
| CMYK | cmyk(41%, 0%, 55.9%, 26.3%) |
| CIE-LAB | lab(69.45, -43.32, 45.14) |
| CIE-LCH | lch(69.45, 62.56, 133.82°) |
| OKLab | oklab(72.19% -0.1191 0.1068) |
| OKLCH | oklch(72.19% 0.16 138.1) |
| XYZ | xyz(26.0993, 39.9690, 14.5215) |
| Luminance | 0.3997 (WCAG relative) |
| Temperature | warm |
| Family | green |
أقرب الألوان المُسمّاة
Turtle Green
#75B84F
ΔE00 1.60
Nasty Green
#70B23F
ΔE00 3.60
Leafy Green
#51B73B
ΔE00 3.75
Boring Green
#63B365
ΔE00 5.22
Apple
#6ECB3C
ΔE00 5.33
Asparagus
#77AB56
ΔE00 5.36
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#6FBC53 #A053BC
analogous
#A3BC53 #6FBC53 #53BC6B
triadic
#6FBC53 #536FBC #BC536F
tetradic
#6FBC53 #53A3BC #A053BC #BC6B53
square
#6FBC53 #53A3BC #A053BC #BC6B53
split-complementary
#6FBC53 #6B53BC #BC53A3
monochromatic
#3B6B2A #53973B #6FBC53 #94CD7F #B9DEAB
إمكانية الوصول والتباين
On white
2.33
#6FBC53 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.99
#6FBC53 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #6FBC53
8.99:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##6FBC53 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6FBC53 | 1.00 | 2.33 | 8.99 | 8.99 |
| #FFFFFF | 2.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.99 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C1AE49
Deuteranopia (green-blind)
#B7A75B
Tritanopia (blue-blind)
#6AB6A5
Achromatopsia (no color)
#AAAAAA
وسوم التصميم والكود
CSS
--color: #6fbc53; /* rgb */ color: rgb(111, 188, 83); /* oklch */ color: oklch(72.2% 0.160 138.1);
Tailwind
colors: {
custom: {
50: '#9dd186',
500: '#6fbc53',
950: '#000000',
},
}SCSS
$custom: #6fbc53; $custom-light: #9dd186; $custom-dark: #000000;
JSON
{
"hex": "#6fbc53",
"rgb": {
"r": 111,
"g": 188,
"b": 83
},
"hsl": {
"h": 104,
"s": 43.933,
"l": 53.137
},
"oklch": {
"l": 0.72191,
"c": 0.16003,
"h": 138.1
},
"luminance": 0.3997
}Semantic roles & 50–950 ramp
primary
#6FBC53
secondary
#C09FCC
accent
#54D4B2
background
#FAFCF8
surface
#F3F9F0
border
#CDD2CB
text
#0F140B
muted
#7F827C