Named color · #88B407
Brilliant Green
Brilliant Green is #88B407: rgb(136 180 7), hsl(75 93% 37%), oklch(0.712 0.178 125.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Brilliant Green color name →
#88B407
oklch(0.712 0.178 125.4)
Color conversions
- HEX
- #88b407
- RGB
- rgb(136 180 7)
- HSL
- hsl(75 93% 37%)
- HWB
- hwb(75 3% 29%)
- OKLCH
- oklch(0.712 0.178 125.4)
- OKLab
- oklab(0.712 -0.103 0.145)
- CIE Lab
- lab(68.18 -30.37 66.97)
- LCH
- lch(68.18 73.53 114.4)
- CMYK
- cmyk(24% 0% 96% 29%)
Tints · Shades · Tones
Tints
- 93BC3B
- 9FC457
- AACB6F
- B6D385
- C2DB9A
- CEE2AF
- DAE9C3
- E6F1D7
- F3F8EB
Shades
- 759C05
- 638504
- 526E02
- 415802
- 314401
- 223000
- 131D00
- 060C00
- 010200
Tones
- 87AF2B
- 86AA3C
- 86A549
- 85A054
- 849B5D
- 839666
- 82906D
- 828B74
- 81867A
Color harmonies
Complementary +180°
- 88B407
Brilliant Green
- BD81F9
≈ Lilac Geode
Analogous -30° +30°
- 88B407
Brilliant Green
- BEA000
≈ Snakebite Leather
- 00C170
≈ Times Square Screens
Triadic +120° +240°
- 88B407
Brilliant Green
- 33A9FF
≈ Xed
- FA6A92
≈ God’s Own Junkyard Pink
Split-complementary +150° +210°
- 88B407
Brilliant Green
- 8898FF
≈ Periwinkle Blue
- E471CD
≈ Explicit Pink
Tetradic +90° +180° +270°
- 88B407
Brilliant Green
- 00B5D3
≈ Ocean Sigh
- BD81F9
≈ Lilac Geode
- FD714E
≈ Often Orange
Contrast & accessibility
Ag
FailOn white
WCAG 2.44:1 · APCA Lc 48
Ag
AAAOn black
WCAG 8.57:1 · APCA Lc 54
Best text color: #000000
WCAG 8.57:1 (AAA) · APCA Lc 54
Contrast pairs
Code snippets
CSS
:root {
--brilliant-green: #88b407;
--brilliant-green-rgb: 136 180 7;
--brilliant-green-oklch: oklch(0.712 0.178 125.4);
}
.element {
color: var(--brilliant-green);
background-color: hsl(75 93% 37%);
border-color: oklch(0.712 0.178 125.4);
}Tailwind CSS v4
@theme {
--color-brilliant-green: #88b407;
--color-brilliant-green-50: #e7ffc9;
--color-brilliant-green-100: #d7f4b3;
--color-brilliant-green-200: #bfe38f;
--color-brilliant-green-300: #9ec85e;
--color-brilliant-green-400: #86b01a;
--color-brilliant-green-500: #6b9800;
--color-brilliant-green-600: #5a8100;
--color-brilliant-green-700: #486700;
--color-brilliant-green-800: #374b00;
--color-brilliant-green-900: #253400;
--color-brilliant-green-950: #141f00;
}SCSS
$brilliant-green: #88b407;
$brilliant-green-rgb: 136, 180, 7;
$brilliant-green-light: mix(#fff, $brilliant-green, 20%);
$brilliant-green-dark: mix(#000, $brilliant-green, 20%);
.element {
color: $brilliant-green;
box-shadow: 0 0 0 2px rgba($brilliant-green, 0.35);
}