أقرب لون مسمّى · #8FDCB0
#8FDCB0
أقرب لون مسمّى: Jovial Jade
#8FDCB0 (rgb(143 220 176)، hsl(146 52% 71%)، oklch(0.832 0.099 158.3)) أقرب إلى اللون المسمّى Jovial Jade. شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
#8FDCB0
oklch(0.832 0.099 158.3)
تحويلات الألوان
- HEX
- #8fdcb0
- RGB
- rgb(143 220 176)
- HSL
- hsl(146 52% 71%)
- HWB
- hwb(146 56% 14%)
- OKLCH
- oklch(0.832 0.099 158.3)
- OKLab
- oklab(0.832 -0.092 0.037)
- CIE Lab
- lab(81.87 -31.85 13.83)
- LCH
- lch(81.87 34.73 156.5)
- CMYK
- cmyk(35% 0% 20% 14%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 9BE0B8
- A7E3C0
- B2E7C7
- BEEACF
- C9EED7
- D4F1DF
- DFF5E7
- EAF8EF
- F4FCF7
درجات داكنة
- 7CBF99
- 69A382
- 57886C
- 456E56
- 345442
- 243C2E
- 15261C
- 07110B
- 010201
درجات رمادية
- 8ED3AB
- 8EC9A6
- 8DC0A2
- 8BB69D
- 8AAD98
- 88A493
- 879B8E
- 85928A
- 828985
تناسق الألوان
متمم +180°
- 8FDCB0
Jovial Jade
- F3AFDE
≈ Hanami Pink
متجاور -30° +30°
- 8FDCB0
Jovial Jade
- B5D58F
≈ Fresh Lettuce
- 74DDD4
≈ Hammam Blue
ثلاثي +120° +240°
- 8FDCB0
Jovial Jade
- BBC3FF
≈ Light Periwinkle
- FFB39B
≈ Persicus
متمم منقسم +150° +210°
- 8FDCB0
Jovial Jade
- DAB7FA
≈ Pink Illusion
- FFAEBC
≈ Poodle Skirt
رباعي +90° +180° +270°
- 8FDCB0
Jovial Jade
- 9BCEFF
≈ Apocyan
- F3AFDE
≈ Hanami Pink
- F3BC81
≈ Majestic Dune
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 1.61:1 · APCA Lc 27
Ag
AAAعلى الأسود
WCAG 13.03:1 · APCA Lc 76
أفضل لون للنص: #000000
WCAG 13.03:1 (AAA) · APCA Lc 76
Contrast pairs
مقتطفات الأكواد
CSS
:root {
--jovial-jade: #8fdcb0;
--jovial-jade-rgb: 143 220 176;
--jovial-jade-oklch: oklch(0.832 0.099 158.3);
}
.element {
color: var(--jovial-jade);
background-color: hsl(146 52% 71%);
border-color: oklch(0.832 0.099 158.3);
}Tailwind CSS v4
@theme {
--color-jovial-jade: #8fdcb0;
--color-jovial-jade-50: #defeec;
--color-jovial-jade-100: #ccf3dd;
--color-jovial-jade-200: #b0e2c6;
--color-jovial-jade-300: #8ac7a6;
--color-jovial-jade-400: #69b088;
--color-jovial-jade-500: #439a6d;
--color-jovial-jade-600: #3a825d;
--color-jovial-jade-700: #2e684a;
--color-jovial-jade-800: #224c34;
--color-jovial-jade-900: #163523;
--color-jovial-jade-950: #072012;
}SCSS
$jovial-jade: #8fdcb0;
$jovial-jade-rgb: 143, 220, 176;
$jovial-jade-light: mix(#fff, $jovial-jade, 20%);
$jovial-jade-dark: mix(#000, $jovial-jade, 20%);
.element {
color: $jovial-jade;
box-shadow: 0 0 0 2px rgba($jovial-jade, 0.35);
}