Colore con nome · #59B587
Jade Cream
Jade Cream è #59B587: rgb(89 181 135), hsl(150 38% 53%), oklch(0.704 0.112 159.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Jade Cream color name →
#59B587
oklch(0.704 0.112 159.8)
Conversioni di colore
- HEX
- #59b587
- RGB
- rgb(89 181 135)
- HSL
- hsl(150 38% 53%)
- HWB
- hwb(150 35% 29%)
- OKLCH
- oklch(0.704 0.112 159.8)
- OKLab
- oklab(0.704 -0.105 0.039)
- CIE Lab
- lab(67.14 -36.93 14.76)
- LCH
- lch(67.14 39.77 158.2)
- CMYK
- cmyk(51% 0% 25% 29%)
Tinte · Ombre · Toni
Tinte
- 6CBD93
- 7EC49E
- 8FCBAA
- 9FD3B6
- B0DAC2
- C0E2CE
- D0E9DA
- DFF0E6
- EFF8F3
Ombre
- 4C9D75
- 408663
- 346F51
- 285941
- 1D4431
- 133021
- 091D13
- 030C06
- 000201
Toni
- 5FB086
- 65AA86
- 6AA585
- 6EA085
- 729B84
- 759583
- 799082
- 7B8B82
- 7E8581
Armonie di colore
Complementare +180°
- 59B587
Jade Cream
- CE83B6
≈ Peruvian Lily
Analogo -30° +30°
- 59B587
Jade Cream
- 89AE60
≈ Broccoli
- 2CB6AF
≈ Message Green
Triadico +120° +240°
- 59B587
Jade Cream
- 9297E4
≈ Portage
- DB8669
≈ King Salmon
Complementare divisa +150° +210°
- 59B587
Jade Cream
- B58CD4
≈ Pale Purple
- DB8190
≈ I Love You Pink
Tetradico +90° +180° +270°
- 59B587
Jade Cream
- 66A4E3
≈ Windjammer
- CE83B6
≈ Peruvian Lily
- CC924B
≈ Apple Fritter
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.50:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.38:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.38:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--jade-cream: #59b587;
--jade-cream-rgb: 89 181 135;
--jade-cream-oklch: oklch(0.704 0.112 159.8);
}
.element {
color: var(--jade-cream);
background-color: hsl(150 38% 53%);
border-color: oklch(0.704 0.112 159.8);
}Tailwind CSS v4
@theme {
--color-jade-cream: #59b587;
--color-jade-cream-50: #daffeb;
--color-jade-cream-100: #c8f4dc;
--color-jade-cream-200: #a9e4c5;
--color-jade-cream-300: #81caa6;
--color-jade-cream-400: #5db387;
--color-jade-cream-500: #2f9c6c;
--color-jade-cream-600: #2a845b;
--color-jade-cream-700: #226a49;
--color-jade-cream-800: #194e33;
--color-jade-cream-900: #103623;
--color-jade-cream-950: #032112;
}SCSS
$jade-cream: #59b587;
$jade-cream-rgb: 89, 181, 135;
$jade-cream-light: mix(#fff, $jade-cream, 20%);
$jade-cream-dark: mix(#000, $jade-cream, 20%);
.element {
color: $jade-cream;
box-shadow: 0 0 0 2px rgba($jade-cream, 0.35);
}