Couleur nommée la plus proche · #8FDCB0
#8FDCB0
Couleur nommée la plus proche: Jovial Jade
#8FDCB0 (rgb(143 220 176), hsl(146 52% 71%), oklch(0.832 0.099 158.3)) est la plus proche de la couleur nommée Jovial Jade. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8FDCB0
oklch(0.832 0.099 158.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 9BE0B8
- A7E3C0
- B2E7C7
- BEEACF
- C9EED7
- D4F1DF
- DFF5E7
- EAF8EF
- F4FCF7
Ombres
- 7CBF99
- 69A382
- 57886C
- 456E56
- 345442
- 243C2E
- 15261C
- 07110B
- 010201
Tons
- 8ED3AB
- 8EC9A6
- 8DC0A2
- 8BB69D
- 8AAD98
- 88A493
- 879B8E
- 85928A
- 828985
Harmonies de couleurs
Complémentaire +180°
- 8FDCB0
Jovial Jade
- F3AFDE
≈ Hanami Pink
Analogue -30° +30°
- 8FDCB0
Jovial Jade
- B5D58F
≈ Fresh Lettuce
- 74DDD4
≈ Hammam Blue
Triadique +120° +240°
- 8FDCB0
Jovial Jade
- BBC3FF
≈ Light Periwinkle
- FFB39B
≈ Persicus
Complémentaire divisée +150° +210°
- 8FDCB0
Jovial Jade
- DAB7FA
≈ Pink Illusion
- FFAEBC
≈ Poodle Skirt
Tétradique +90° +180° +270°
- 8FDCB0
Jovial Jade
- 9BCEFF
≈ Apocyan
- F3AFDE
≈ Hanami Pink
- F3BC81
≈ Majestic Dune
Contraste et accessibilité
Ag
FailSur blanc
WCAG 1.61:1 · APCA Lc 27
Ag
AAASur noir
WCAG 13.03:1 · APCA Lc 76
Meilleure couleur de texte: #000000
WCAG 13.03:1 (AAA) · APCA Lc 76
Contrast pairs
Extraits de code
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);
}