Couleur nommée · #00A86C
Banaue Jade
Banaue Jade correspond à #00A86C : rgb(0 168 108), hsl(159 100% 33%), oklch(0.645 0.148 159.2). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Banaue Jade color name →
#00A86C
oklch(0.645 0.148 159.2)
Conversions de couleur
- HEX
- #00a86c
- RGB
- rgb(0 168 108)
- HSL
- hsl(159 100% 33%)
- HWB
- hwb(159 0% 34%)
- OKLCH
- oklch(0.645 0.148 159.2)
- OKLab
- oklab(0.645 -0.138 0.053)
- CIE Lab
- lab(60.76 -49.28 20.3)
- LCH
- lch(60.76 53.3 157.6)
- CMYK
- cmyk(100% 0% 36% 34%)
Teintes · Ombres · Tons
Teintes
- 3BB17A
- 58BA88
- 71C397
- 87CBA5
- 9CD4B4
- B0DDC3
- C4E5D1
- D8EEE1
- EBF7F0
Ombres
- 00925D
- 007C4E
- 006740
- 005232
- 003F25
- 002C19
- 001A0D
- 000A04
- 000100
Tons
- 2AA46E
- 3DA071
- 4A9D73
- 559975
- 5E9577
- 669179
- 6E8D7B
- 74897C
- 7A847E
Harmonies de couleurs
Complémentaire +180°
- 00A86C
Banaue Jade
- C666AB
≈ Young Purple
Analogue -30° +30°
- 00A86C
Banaue Jade
- 719E2F
≈ Green Gone Wild
- 00A39C
≈ Grecian Isle
Triadique +120° +240°
- 00A86C
Banaue Jade
- 7C81E5
≈ Tanzine
- D76944
≈ Fresh Acorn
Complémentaire divisée +150° +210°
- 00A86C
Banaue Jade
- A872D1
≈ Rich Lavender
- D7627A
≈ Hint of Cherry
Tétradique +90° +180° +270°
- 00A86C
Banaue Jade
- 3792E3
≈ Oregon Blue
- C666AB
≈ Young Purple
- C47B00
≈ Bamboo Brown
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.08:1 · APCA Lc 57
Ag
AASur noir
WCAG 6.81:1 · APCA Lc 45
Meilleure couleur de texte: #000000
WCAG 6.81:1 (AA) · APCA Lc 45
Contrast pairs
Extraits de code
CSS
:root {
--banaue-jade: #00a86c;
--banaue-jade-rgb: 0 168 108;
--banaue-jade-oklch: oklch(0.645 0.148 159.2);
}
.element {
color: var(--banaue-jade);
background-color: hsl(159 100% 33%);
border-color: oklch(0.645 0.148 159.2);
}Tailwind CSS v4
@theme {
--color-banaue-jade: #00a86c;
--color-banaue-jade-50: #d1ffe8;
--color-banaue-jade-100: #bdf8d8;
--color-banaue-jade-200: #9ae8c0;
--color-banaue-jade-300: #6acf9f;
--color-banaue-jade-400: #39b87e;
--color-banaue-jade-500: #00a261;
--color-banaue-jade-600: #008952;
--color-banaue-jade-700: #006e42;
--color-banaue-jade-800: #00512d;
--color-banaue-jade-900: #00381e;
--color-banaue-jade-950: #00230e;
}SCSS
$banaue-jade: #00a86c;
$banaue-jade-rgb: 0, 168, 108;
$banaue-jade-light: mix(#fff, $banaue-jade, 20%);
$banaue-jade-dark: mix(#000, $banaue-jade, 20%);
.element {
color: $banaue-jade;
box-shadow: 0 0 0 2px rgba($banaue-jade, 0.35);
}