#69B79B#69B79B
#69B79B لون فاتح ومتوسط التشبّع من عائلة أزرق مخضرّ. الإضاءة النسبية 0.392؛ OKLCH L 72.1% C 0.088 H 168.7°. أفضل لون لنص المتن هو #000000 بتباين 8.85:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #69B79B |
|---|---|
| RGB | rgb(105, 183, 155) |
| HSL | hsl(158, 35%, 56%) |
| HSV | hsv(158, 43%, 72%) |
| CMYK | cmyk(42.6%, 0%, 15.3%, 28.2%) |
| CIE-LAB | lab(68.92, -30.70, 6.77) |
| CIE-LCH | lch(68.92, 31.44, 167.57°) |
| OKLab | oklab(72.1% -0.0867 0.0174) |
| OKLCH | oklch(72.1% 0.088 168.7) |
| XYZ | xyz(28.6732, 39.2347, 37.0661) |
| Luminance | 0.3924 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
أقرب الألوان المُسمّاة
Greeny Blue
#42B395
ΔE00 4.11
Pale Teal
#82CBB2
ΔE00 5.81
Mediumaquamarine
#66CDAA
ΔE00 5.93
Tealish
#24BCA8
ΔE00 6.72
Seafoam Blue
#78D1B6
ΔE00 6.83
Tea
#65AB7C
ΔE00 7.02
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#69B79B #B76985
analogous
#69B774 #69B79B #69ACB7
triadic
#69B79B #9B69B7 #B79B69
tetradic
#69B79B #7469B7 #B76985 #ACB769
square
#69B79B #7469B7 #B76985 #ACB769
split-complementary
#69B79B #B769AC #B77469
monochromatic
#36705B #4A997D #69B79B #92CBB7 #BCDFD2
إمكانية الوصول والتباين
On white
2.37
#69B79B on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.85
#69B79B on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #69B79B
8.85:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##69B79B | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##69B79B | 1.00 | 2.37 | 8.85 | 8.85 |
| #FFFFFF | 2.37 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.85 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B3AE9A
Deuteranopia (green-blind)
#A7A49D
Tritanopia (blue-blind)
#51B8AF
Achromatopsia (no color)
#A8A8A8
وسوم التصميم والكود
CSS
--color: #69b79b; /* rgb */ color: rgb(105, 183, 155); /* oklch */ color: oklch(72.1% 0.088 168.7);
Tailwind
colors: {
custom: {
50: '#98cdb8',
500: '#69b79b',
950: '#000000',
},
}SCSS
$custom: #69b79b; $custom-light: #98cdb8; $custom-dark: #000000;
JSON
{
"hex": "#69b79b",
"rgb": {
"r": 105,
"g": 183,
"b": 155
},
"hsl": {
"h": 158.462,
"s": 35.135,
"l": 56.471
},
"oklch": {
"l": 0.72099,
"c": 0.08839,
"h": 168.7
},
"luminance": 0.39237
}Semantic roles & 50–950 ramp
primary
#69B79B
secondary
#CEAEB9
accent
#5D84CB
background
#F9FCFB
surface
#F2F9F6
border
#CCD2D0
text
#0E1311
muted
#7E8280