Nazwany kolor · #419168
Illuminati Green
Illuminati Green to #419168: rgb(65 145 104), hsl(149 38% 41%), oklch(0.595 0.102 158.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Green mean? → · Illuminati Green color name →
#419168
oklch(0.595 0.102 158.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 569C76
- 6AA785
- 7DB293
- 90BCA2
- A2C7B1
- B5D2C0
- C7DED0
- DAE9DF
- ECF4EF
Odcienie ciemniejsze
- 377D59
- 2E6A4B
- 25583E
- 1C4630
- 133524
- 0B2518
- 05150C
- 010704
- 000100
Tony
- 4A8F6B
- 528E6D
- 598C6F
- 608B72
- 668974
- 6B8777
- 718679
- 76847B
- 7B827E
Harmonie kolorów
Komplementarna +180°
- 419168
Illuminati Green
- A66693
≈ Mauve Memento
Analogowa -30° +30°
- 419168
Illuminati Green
- 6C8A46
≈ Makrut Lime
- 0A928B
≈ Supermint
Triada +120° +240°
- 419168
Illuminati Green
- 7178BA
≈ Persian Jewel
- B26850
≈ Deathclaw Brown
Komplementarna rozszczepiona +150° +210°
- 419168
Illuminati Green
- 906DAD
≈ Knight Elf
- B26472
≈ Refined Rose
Tetrada +90° +180° +270°
- 419168
Illuminati Green
- 4B83B8
≈ Cool Blue
- A66693
≈ Mauve Memento
- A67334
≈ Digger’s Gold
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.83:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.47:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
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);
}