Cor nomeada mais próxima · #8FDCB0
#8FDCB0
Cor nomeada mais próxima: Jovial Jade
#8FDCB0 (rgb(143 220 176), hsl(146 52% 71%), oklch(0.832 0.099 158.3)) é mais próxima da cor nomeada Jovial Jade. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#8FDCB0
oklch(0.832 0.099 158.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 9BE0B8
- A7E3C0
- B2E7C7
- BEEACF
- C9EED7
- D4F1DF
- DFF5E7
- EAF8EF
- F4FCF7
Sombras
- 7CBF99
- 69A382
- 57886C
- 456E56
- 345442
- 243C2E
- 15261C
- 07110B
- 010201
Tons
- 8ED3AB
- 8EC9A6
- 8DC0A2
- 8BB69D
- 8AAD98
- 88A493
- 879B8E
- 85928A
- 828985
Harmonias de cor
Complementar +180°
- 8FDCB0
Jovial Jade
- F3AFDE
≈ Hanami Pink
Análoga -30° +30°
- 8FDCB0
Jovial Jade
- B5D58F
≈ Fresh Lettuce
- 74DDD4
≈ Hammam Blue
Tríade +120° +240°
- 8FDCB0
Jovial Jade
- BBC3FF
≈ Light Periwinkle
- FFB39B
≈ Persicus
Complementar dividida +150° +210°
- 8FDCB0
Jovial Jade
- DAB7FA
≈ Pink Illusion
- FFAEBC
≈ Poodle Skirt
Tétrade +90° +180° +270°
- 8FDCB0
Jovial Jade
- 9BCEFF
≈ Apocyan
- F3AFDE
≈ Hanami Pink
- F3BC81
≈ Majestic Dune
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.61:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.03:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.03:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
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);
}