أقرب لون مسمّى · #6EA77D
#6EA77D
أقرب لون مسمّى: Primavera
#6EA77D (rgb(110 167 125)، hsl(136 24% 54%)، oklch(0.677 0.086 151.9)) أقرب إلى اللون المسمّى Primavera. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#6EA77D
oklch(0.677 0.086 151.9)
تحويلات الألوان
- HEX
- #6ea77d
- RGB
- rgb(110 167 125)
- HSL
- hsl(136 24% 54%)
- HWB
- hwb(136 43% 35%)
- OKLCH
- oklch(0.677 0.086 151.9)
- OKLab
- oklab(0.677 -0.076 0.041)
- CIE Lab
- lab(63.68 -26.28 15.64)
- LCH
- lch(63.68 30.58 149.2)
- CMYK
- cmyk(34% 0% 25% 35%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 7DB089
- 8BB896
- 99C1A3
- A8CAB0
- B6D3BC
- C5DBCA
- D3E4D7
- E2EDE4
- F0F6F1
درجات داكنة
- 5F916C
- 507B5B
- 41664B
- 33523B
- 263E2C
- 192C1E
- 0E1A11
- 040A05
- 010101
درجات رمادية
- 71A37D
- 739F7E
- 759B7E
- 77987F
- 79947F
- 7B907F
- 7C8C7F
- 7E8880
- 7F8480
تناسق الألوان
متمم +180°
- 6EA77D
Primavera
- B784AF
≈ Drama Violet
متجاور -30° +30°
- 6EA77D
Primavera
- 8EA063
≈ Yanagizome Green
- 53A99B
≈ Dragon Bay
ثلاثي +120° +240°
- 6EA77D
Primavera
- 8494CD
≈ Purple Gentian
- C78476
≈ Argyle Rose
متمم منقسم +150° +210°
- 6EA77D
Primavera
- A18BC4
≈ Classic Bouquet
- C48193
≈ Strawberry Jubilee
رباعي +90° +180° +270°
- 6EA77D
Primavera
- 669EC8
≈ Tantalise
- B784AF
≈ Drama Violet
- BE8B5F
≈ Espresso Tonic
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 2.80:1 · APCA Lc 54
Ag
AAAعلى الأسود
WCAG 7.48:1 · APCA Lc 48
أفضل لون للنص: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--primavera: #6ea77d;
--primavera-rgb: 110 167 125;
--primavera-oklch: oklch(0.677 0.086 151.9);
}
.element {
color: var(--primavera);
background-color: hsl(136 24% 54%);
border-color: oklch(0.677 0.086 151.9);
}Tailwind CSS v4
@theme {
--color-primavera: #6ea77d;
--color-primavera-50: #e3fdea;
--color-primavera-100: #d3f1db;
--color-primavera-200: #b9e0c4;
--color-primavera-300: #95c5a3;
--color-primavera-400: #77ad85;
--color-primavera-500: #589769;
--color-primavera-600: #4b7f59;
--color-primavera-700: #3c6647;
--color-primavera-800: #2c4b32;
--color-primavera-900: #1d3422;
--color-primavera-950: #0d1f11;
}SCSS
$primavera: #6ea77d;
$primavera-rgb: 110, 167, 125;
$primavera-light: mix(#fff, $primavera, 20%);
$primavera-dark: mix(#000, $primavera, 20%);
.element {
color: $primavera;
box-shadow: 0 0 0 2px rgba($primavera, 0.35);
}