Named color · #419168
Illuminati Green
Illuminati Green is #419168: rgb(65 145 104), hsl(149 38% 41%), oklch(0.595 0.102 158.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Illuminati Green color name →
#419168
oklch(0.595 0.102 158.7)
Color conversions
- HEX
- #419168
- RGB
- rgb(65 145 104)
- HSL
- hsl(149 38% 41%)
- HWB
- hwb(149 25% 43%)
- OKLCH
- oklch(0.595 0.102 158.7)
- OKLab
- oklab(0.595 -0.095 0.037)
- CIE Lab
- lab(54.36 -33.23 14.1)
- LCH
- lch(54.36 36.1 157)
- CMYK
- cmyk(55% 0% 28% 43%)
Tints · Shades · Tones
Tints
- 569C76
- 6AA785
- 7DB293
- 90BCA2
- A2C7B1
- B5D2C0
- C7DED0
- DAE9DF
- ECF4EF
Shades
- 377D59
- 2E6A4B
- 25583E
- 1C4630
- 133524
- 0B2518
- 05150C
- 010704
- 000100
Tones
- 4A8F6B
- 528E6D
- 598C6F
- 608B72
- 668974
- 6B8777
- 718679
- 76847B
- 7B827E
Color harmonies
Complementary +180°
- 419168
Illuminati Green
- A66693
≈ Mauve Memento
Analogous -30° +30°
- 419168
Illuminati Green
- 6C8A46
≈ Makrut Lime
- 0A928B
≈ Supermint
Triadic +120° +240°
- 419168
Illuminati Green
- 7178BA
≈ Persian Jewel
- B26850
≈ Deathclaw Brown
Split-complementary +150° +210°
- 419168
Illuminati Green
- 906DAD
≈ Knight Elf
- B26472
≈ Refined Rose
Tetradic +90° +180° +270°
- 419168
Illuminati Green
- 4B83B8
≈ Cool Blue
- A66693
≈ Mauve Memento
- A67334
≈ Digger’s Gold
Contrast & accessibility
Ag
FailOn white
WCAG 3.83:1 · APCA Lc 66
Ag
AAOn black
WCAG 5.47:1 · APCA Lc 36
Best text color: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Code snippets
CSS
:root {
--illuminati-green: #419168;
--illuminati-green-rgb: 65 145 104;
--illuminati-green-oklch: oklch(0.595 0.102 158.7);
}
.element {
color: var(--illuminati-green);
background-color: hsl(149 38% 41%);
border-color: oklch(0.595 0.102 158.7);
}Tailwind CSS v4
@theme {
--color-illuminati-green: #419168;
--color-illuminati-green-50: #ddffec;
--color-illuminati-green-100: #cbf3dd;
--color-illuminati-green-200: #afe2c6;
--color-illuminati-green-300: #88c8a6;
--color-illuminati-green-400: #66b188;
--color-illuminati-green-500: #3f9a6d;
--color-illuminati-green-600: #37835c;
--color-illuminati-green-700: #2c694a;
--color-illuminati-green-800: #204d34;
--color-illuminati-green-900: #153523;
--color-illuminati-green-950: #062012;
}SCSS
$illuminati-green: #419168;
$illuminati-green-rgb: 65, 145, 104;
$illuminati-green-light: mix(#fff, $illuminati-green, 20%);
$illuminati-green-dark: mix(#000, $illuminati-green, 20%);
.element {
color: $illuminati-green;
box-shadow: 0 0 0 2px rgba($illuminati-green, 0.35);
}