Couleur nommée · #8BAB68
Celuce
Celuce correspond à #8BAB68 : rgb(139 171 104), hsl(89 29% 54%), oklch(0.701 0.099 129.4). Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
What does Green mean? → · Celuce color name →
#8BAB68
oklch(0.701 0.099 129.4)
Conversions de couleur
- HEX
- #8bab68
- RGB
- rgb(139 171 104)
- HSL
- hsl(89 29% 54%)
- HWB
- hwb(89 41% 33%)
- OKLCH
- oklch(0.701 0.099 129.4)
- OKLab
- oklab(0.701 -0.063 0.076)
- CIE Lab
- lab(66.35 -20.26 30.74)
- LCH
- lch(66.35 36.82 123.4)
- CMYK
- cmyk(19% 0% 39% 33%)
Teintes · Ombres · Tons
Teintes
- 96B377
- A1BC86
- ADC495
- B8CCA4
- C4D5B3
- CFDDC2
- DBE6D1
- E7EEE0
- F3F7F0
Ombres
- 789459
- 667E4B
- 54683E
- 435430
- 324024
- 232D18
- 141B0C
- 070B04
- 010100
Tons
- 8AA76B
- 89A26E
- 889E71
- 879A73
- 869676
- 859178
- 838D7A
- 82897C
- 81847E
Harmonies de couleurs
Complémentaire +180°
- 8BAB68
Celuce
- B18ECD
≈ Fleur-De-Lis
Analogue -30° +30°
- 8BAB68
Celuce
- ADA054
≈ Organic Matter
- 64B289
≈ Elf Shoe
Triadique +120° +240°
- 8BAB68
Celuce
- 6DA3DA
≈ Blue Gourami
- D48491
≈ Speckled Easter Egg
Complémentaire divisée +150° +210°
- 8BAB68
Celuce
- 9298DB
≈ Portage
- C886B3
≈ Rock Star Pink
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.58:1 · APCA Lc 50
Ag
AAASur noir
WCAG 8.12:1 · APCA Lc 51
Meilleure couleur de texte: #000000
WCAG 8.12:1 (AAA) · APCA Lc 51
Contrast pairs
Extraits de code
CSS
:root {
--celuce: #8bab68;
--celuce-rgb: 139 171 104;
--celuce-oklch: oklch(0.701 0.099 129.4);
}
.element {
color: var(--celuce);
background-color: hsl(89 29% 54%);
border-color: oklch(0.701 0.099 129.4);
}Tailwind CSS v4
@theme {
--color-celuce: #8bab68;
--color-celuce-50: #ebfcdf;
--color-celuce-100: #dcefcd;
--color-celuce-200: #c5deb2;
--color-celuce-300: #a5c28e;
--color-celuce-400: #8caa6b;
--color-celuce-500: #719349;
--color-celuce-600: #607c3f;
--color-celuce-700: #4c6432;
--color-celuce-800: #394922;
--color-celuce-900: #273216;
--color-celuce-950: #151e07;
}SCSS
$celuce: #8bab68;
$celuce-rgb: 139, 171, 104;
$celuce-light: mix(#fff, $celuce, 20%);
$celuce-dark: mix(#000, $celuce, 20%);
.element {
color: $celuce;
box-shadow: 0 0 0 2px rgba($celuce, 0.35);
}