#649280#649280
#649280 لون فاتح وخافت من عائلة أزرق مخضرّ. الإضاءة النسبية 0.248؛ OKLCH L 62.1% C 0.057 H 168.1°. أفضل لون لنص المتن هو #000000 بتباين 5.97:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #649280 |
|---|---|
| RGB | rgb(100, 146, 128) |
| HSL | hsl(157, 19%, 48%) |
| HSV | hsv(157, 32%, 57%) |
| CMYK | cmyk(31.5%, 0%, 12.3%, 42.7%) |
| CIE-LAB | lab(56.90, -19.70, 4.57) |
| CIE-LCH | lch(56.90, 20.23, 166.93°) |
| OKLab | oklab(62.13% -0.0559 0.0118) |
| OKLCH | oklch(62.13% 0.057 168.1) |
| XYZ | xyz(19.4294, 24.8246, 24.1858) |
| Luminance | 0.2483 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Grey Teal
#5E9B8A
ΔE00 3.69
Dull Teal
#5F9E8F
ΔE00 4.76
Greyish Teal
#719F91
ΔE00 4.77
Dusty Teal
#4C9085
ΔE00 4.99
Slate Green
#658D6D
ΔE00 5.48
Green Grey
#77926F
ΔE00 7.77
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#649280 #926476
analogous
#649269 #649280 #648D92
triadic
#649280 #806492 #928064
tetradic
#649280 #696492 #926476 #8D9264
square
#649280 #696492 #926476 #8D9264
split-complementary
#649280 #92648D #926964
monochromatic
#324940 #4B6E60 #649280 #87AD9E #ABC5BB
إمكانية الوصول والتباين
On white
3.52
#649280 on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.97
#649280 on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #649280
5.97:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##649280 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##649280 | 1.00 | 3.52 | 5.97 | 5.97 |
| #FFFFFF | 3.52 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.97 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.97 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#908C7F
Deuteranopia (green-blind)
#888681
Tritanopia (blue-blind)
#59928D
Achromatopsia (no color)
#898989
وسوم التصميم والكود
CSS
--color: #649280; /* rgb */ color: rgb(100, 146, 128); /* oklch */ color: oklch(62.1% 0.057 168.1);
Tailwind
colors: {
custom: {
50: '#91b2a4',
500: '#649280',
950: '#000000',
},
}SCSS
$custom: #649280; $custom-light: #91b2a4; $custom-dark: #000000;
JSON
{
"hex": "#649280",
"rgb": {
"r": 100,
"g": 146,
"b": 128
},
"hsl": {
"h": 156.522,
"s": 18.699,
"l": 48.235
},
"oklch": {
"l": 0.6213,
"c": 0.05717,
"h": 168.1
},
"luminance": 0.24826
}Semantic roles & 50–950 ramp
primary
#649280
secondary
#B49EA6
accent
#6C8BBB
background
#F9FAFA
surface
#F1F5F4
border
#CBCFCE
text
#0D110F
muted
#7E807F