Color con nombre · #88DDAA
Jovial Jade
Jovial Jade es #88DDAA: rgb(136 221 170), hsl(144 56% 70%), oklch(0.83 0.11 156.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Green mean? → · Jovial Jade color name →
#88DDAA
oklch(0.83 0.11 156.7)
Conversiones de color
- HEX
- #88ddaa
- RGB
- rgb(136 221 170)
- HSL
- hsl(144 56% 70%)
- HWB
- hwb(144 53% 13%)
- OKLCH
- oklch(0.83 0.11 156.7)
- OKLab
- oklab(0.83 -0.101 0.044)
- CIE Lab
- lab(81.7 -35.22 16.67)
- LCH
- lch(81.7 38.96 154.7)
- CMYK
- cmyk(38% 0% 23% 13%)
Tintes · Sombras · Tonos
Tintes
- 95E1B2
- A2E4BB
- AEE8C3
- BAEBCC
- C6EFD4
- D2F2DD
- DDF5E5
- E8F9EE
- F4FCF6
Sombras
- 75C093
- 63A47D
- 528868
- 416E53
- 31553F
- 223D2D
- 13261B
- 06110B
- 010201
Tonos
- 88D3A6
- 89CAA2
- 88C19D
- 88B799
- 87AE95
- 86A591
- 859B8D
- 849288
- 828984
Armonías de color
Complementario +180°
- 88DDAA
Jovial Jade
- F5ACE2
≈ Hanami Pink
Análogo -30° +30°
- 88DDAA
Jovial Jade
- B4D585
≈ Fresh Lettuce
- 65DED3
≈ Hammam Blue
Triádico +120° +240°
- 88DDAA
Jovial Jade
- B8C3FF
≈ Light Periwinkle
- FFB19B
≈ Buttery Salmon
Complementario dividido +150° +210°
- 88DDAA
Jovial Jade
- D9B5FF
≈ Light Violet
- FFACBD
≈ A Brand New Day
Tetrádico +90° +180° +270°
- 88DDAA
Jovial Jade
- 97CDFF
≈ Apocyan
- F5ACE2
≈ Hanami Pink
- F8B977
≈ Rosy Skin
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.61:1 · APCA Lc 28
Ag
AAASobre negro
WCAG 12.96:1 · APCA Lc 75
Mejor color de texto: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmentos de código
CSS
:root {
--jovial-jade: #88ddaa;
--jovial-jade-rgb: 136 221 170;
--jovial-jade-oklch: oklch(0.83 0.11 156.7);
}
.element {
color: var(--jovial-jade);
background-color: hsl(144 56% 70%);
border-color: oklch(0.83 0.11 156.7);
}Tailwind CSS v4
@theme {
--color-jovial-jade: #88ddaa;
--color-jovial-jade-50: #dcffea;
--color-jovial-jade-100: #caf4da;
--color-jovial-jade-200: #ade3c3;
--color-jovial-jade-300: #85c9a3;
--color-jovial-jade-400: #63b284;
--color-jovial-jade-500: #3a9c68;
--color-jovial-jade-600: #338458;
--color-jovial-jade-700: #286946;
--color-jovial-jade-800: #1e4d31;
--color-jovial-jade-900: #143621;
--color-jovial-jade-950: #052110;
}SCSS
$jovial-jade: #88ddaa;
$jovial-jade-rgb: 136, 221, 170;
$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);
}