Named color · #8BAB68
Celuce
Celuce is #8BAB68: rgb(139 171 104), hsl(89 29% 54%), oklch(0.701 0.099 129.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Celuce color name →
#8BAB68
oklch(0.701 0.099 129.4)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 96B377
- A1BC86
- ADC495
- B8CCA4
- C4D5B3
- CFDDC2
- DBE6D1
- E7EEE0
- F3F7F0
Shades
- 789459
- 667E4B
- 54683E
- 435430
- 324024
- 232D18
- 141B0C
- 070B04
- 010100
Tones
- 8AA76B
- 89A26E
- 889E71
- 879A73
- 869676
- 859178
- 838D7A
- 82897C
- 81847E
Color harmonies
Complementary +180°
- 8BAB68
Celuce
- B18ECD
≈ Fleur-De-Lis
Analogous -30° +30°
- 8BAB68
Celuce
- ADA054
≈ Organic Matter
- 64B289
≈ Elf Shoe
Triadic +120° +240°
- 8BAB68
Celuce
- 6DA3DA
≈ Blue Gourami
- D48491
≈ Speckled Easter Egg
Split-complementary +150° +210°
- 8BAB68
Celuce
- 9298DB
≈ Portage
- C886B3
≈ Rock Star Pink
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.58:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.12:1 · APCA Lc 51
Best text color: #000000
WCAG 8.12:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
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);
}