#67C265#67C265
#67C265 لون فاتح وزاهٍ من عائلة أخضر. الإضاءة النسبية 0.424؛ OKLCH L 73.6% C 0.156 H 143.4°. أفضل لون لنص المتن هو #000000 بتباين 9.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #67C265 |
|---|---|
| RGB | rgb(103, 194, 101) |
| HSL | hsl(119, 43%, 58%) |
| HSV | hsv(119, 48%, 76%) |
| CMYK | cmyk(46.9%, 0%, 47.9%, 23.9%) |
| CIE-LAB | lab(71.15, -46.02, 38.38) |
| CIE-LCH | lch(71.15, 59.92, 140.17°) |
| OKLab | oklab(73.56% -0.1253 0.0931) |
| OKLCH | oklch(73.56% 0.156 143.4) |
| XYZ | xyz(27.2329, 42.4048, 19.0593) |
| Luminance | 0.4241 (WCAG relative) |
| Temperature | neutral |
| Family | green |
أقرب الألوان المُسمّاة
Soft Green
#6FC276
ΔE00 2.91
Fern
#63B76C
ΔE00 3.95
Boring Green
#63B365
ΔE00 4.40
Emerald
#50C878
ΔE00 4.42
Dark Mint
#48C072
ΔE00 4.58
Turtle Green
#75B84F
ΔE00 4.81
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#67C265 #C065C2
analogous
#95C265 #67C265 #65C292
triadic
#67C265 #6567C2 #C26567
tetradic
#67C265 #6595C2 #C065C2 #C29265
square
#67C265 #6595C2 #C065C2 #C29265
split-complementary
#67C265 #9265C2 #C26595
monochromatic
#337C31 #45A742 #67C265 #92D391 #BEE5BD
إمكانية الوصول والتباين
On white
2.21
#67C265 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.48
#67C265 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #67C265
9.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##67C265 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##67C265 | 1.00 | 2.21 | 9.48 | 9.48 |
| #FFFFFF | 2.21 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.48 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.48 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C6B35D
Deuteranopia (green-blind)
#B9AB6B
Tritanopia (blue-blind)
#5BBDAC
Achromatopsia (no color)
#AEAEAE
وسوم التصميم والكود
CSS
--color: #67c265; /* rgb */ color: rgb(103, 194, 101); /* oklch */ color: oklch(73.6% 0.156 143.4);
Tailwind
colors: {
custom: {
50: '#98d592',
500: '#67c265',
950: '#000000',
},
}SCSS
$custom: #67c265; $custom-light: #98d592; $custom-dark: #000000;
JSON
{
"hex": "#67c265",
"rgb": {
"r": 103,
"g": 194,
"b": 101
},
"hsl": {
"h": 118.71,
"s": 43.256,
"l": 57.843
},
"oklch": {
"l": 0.73558,
"c": 0.15608,
"h": 143.4
},
"luminance": 0.42407
}Semantic roles & 50–950 ramp
primary
#67C265
secondary
#D3AFD4
accent
#55D3D0
background
#F9FDF9
surface
#F2FAF1
border
#CCD3CB
text
#0E140D
muted
#7E837E