Cor nomeada mais próxima · #4A865F
#4A865F
Cor nomeada mais próxima: Illuminati Green
#4A865F (rgb(74 134 95), hsl(141 29% 41%), oklch(0.568 0.088 154.1)) é mais próxima da cor nomeada Illuminati Green. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#4A865F
oklch(0.568 0.088 154.1)
Conversões de cor
- HEX
- #4a865f
- RGB
- rgb(74 134 95)
- HSL
- hsl(141 29% 41%)
- HWB
- hwb(141 29% 47%)
- OKLCH
- oklch(0.568 0.088 154.1)
- OKLab
- oklab(0.568 -0.079 0.038)
- CIE Lab
- lab(51.05 -27.42 14.74)
- LCH
- lch(51.05 31.13 151.7)
- CMYK
- cmyk(45% 0% 29% 47%)
Tons claros · Sombras · Tons
Tons claros
- 5C926E
- 6E9D7D
- 80A98D
- 92B59C
- A4C1AC
- B6CEBC
- C8DACD
- DAE6DD
- ECF3EE
Sombras
- 3F7452
- 356244
- 2A5138
- 20402C
- 173020
- 0E2115
- 06130A
- 020603
- 000100
Tons
- 518662
- 578566
- 5D8569
- 62846C
- 688370
- 6D8373
- 728276
- 77827A
- 7B817D
Harmonias de cor
Complementar +180°
- 4A865F
Illuminati Green
- 96638C
≈ Raspberry Jelly Red
Análoga -30° +30°
- 4A865F
Illuminati Green
- 6C8044
≈ Rockwall Vine
- 29877D
≈ Palm Springs Splash
Tríade +120° +240°
- 4A865F
Illuminati Green
- 6773AB
≈ King’s Robe
- A46354
≈ Rust Coloured
Complementar dividida +150° +210°
- 4A865F
Illuminati Green
- 826AA1
≈ Bitter Violet
- A26071
≈ Deco Rose
Tétrade +90° +180° +270°
- 4A865F
Illuminati Green
- 467CA7
≈ Beijing Blue
- 96638C
≈ Raspberry Jelly Red
- 9B6B3C
≈ Horsing Around
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.31:1 · APCA Lc 70
Ag
AASobre preto
WCAG 4.86:1 · APCA Lc 32
Melhor cor de texto: #000000
WCAG 4.86:1 (AA) · APCA Lc 32
Contrast pairs
Trechos de código
CSS
:root {
--illuminati-green: #4a865f;
--illuminati-green-rgb: 74 134 95;
--illuminati-green-oklch: oklch(0.568 0.088 154.1);
}
.element {
color: var(--illuminati-green);
background-color: hsl(141 29% 41%);
border-color: oklch(0.568 0.088 154.1);
}Tailwind CSS v4
@theme {
--color-illuminati-green: #4a865f;
--color-illuminati-green-50: #e2fdeb;
--color-illuminati-green-100: #d1f1dc;
--color-illuminati-green-200: #b7e0c5;
--color-illuminati-green-300: #93c5a5;
--color-illuminati-green-400: #74ae87;
--color-illuminati-green-500: #54976b;
--color-illuminati-green-600: #48805b;
--color-illuminati-green-700: #396649;
--color-illuminati-green-800: #2a4b33;
--color-illuminati-green-900: #1c3423;
--color-illuminati-green-950: #0c2012;
}SCSS
$illuminati-green: #4a865f;
$illuminati-green-rgb: 74, 134, 95;
$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);
}