Cor nomeada · #1CAC78
Bright Camouflage
Bright Camouflage é #1CAC78: rgb(28 172 120), hsl(158 72% 39%), oklch(0.661 0.139 162.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Bright Camouflage color name →
#1CAC78
oklch(0.661 0.139 162.1)
Conversões de cor
- HEX
- #1cac78
- RGB
- rgb(28 172 120)
- HSL
- hsl(158 72% 39%)
- HWB
- hwb(158 11% 33%)
- OKLCH
- oklch(0.661 0.139 162.1)
- OKLab
- oklab(0.661 -0.132 0.043)
- CIE Lab
- lab(62.48 -46.92 16.2)
- LCH
- lch(62.48 49.64 161)
- CMYK
- cmyk(84% 0% 30% 33%)
Tons claros · Sombras · Tons
Tons claros
- 44B585
- 5FBD92
- 76C59F
- 8BCEAC
- 9FD6BA
- B3DEC7
- C6E7D5
- D9EFE3
- ECF7F1
Sombras
- 179567
- 127F57
- 0D6948
- 085439
- 05402A
- 022D1D
- 011B10
- 000B05
- 000101
Tons
- 34A879
- 44A47A
- 509F7B
- 599B7C
- 62977D
- 69927D
- 708E7E
- 76897F
- 7B857F
Harmonias de cor
Complementar +180°
- 1CAC78
Bright Camouflage
- CB6DAA
≈ Sugar Creek
Análoga -30° +30°
- 1CAC78
Bright Camouflage
- 72A443
≈ Festival Green
- 00A8A4
≈ Jadestone
Tríade +120° +240°
- 1CAC78
Bright Camouflage
- 8686E4
≈ Indigo Bloom
- D77249
≈ Field Poppy
Complementar dividida +150° +210°
- 1CAC78
Bright Camouflage
- AF77CF
≈ Lavender Blossom
- D96B7B
≈ Pinkish
Tétrade +90° +180° +270°
- 1CAC78
Bright Camouflage
- 4D96E4
≈ United Nations Blue
- CB6DAA
≈ Sugar Creek
- C6820D
≈ Bubonic Brown
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.90:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.22:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.22:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos de código
CSS
:root {
--bright-camouflage: #1cac78;
--bright-camouflage-rgb: 28 172 120;
--bright-camouflage-oklch: oklch(0.661 0.139 162.1);
}
.element {
color: var(--bright-camouflage);
background-color: hsl(158 72% 39%);
border-color: oklch(0.661 0.139 162.1);
}Tailwind CSS v4
@theme {
--color-bright-camouflage: #1cac78;
--color-bright-camouflage-50: #d2ffeb;
--color-bright-camouflage-100: #bef7dc;
--color-bright-camouflage-200: #9be7c5;
--color-bright-camouflage-300: #6dcea4;
--color-bright-camouflage-400: #3db785;
--color-bright-camouflage-500: #00a169;
--color-bright-camouflage-600: #008859;
--color-bright-camouflage-700: #006d47;
--color-bright-camouflage-800: #005031;
--color-bright-camouflage-900: #003821;
--color-bright-camouflage-950: #002211;
}SCSS
$bright-camouflage: #1cac78;
$bright-camouflage-rgb: 28, 172, 120;
$bright-camouflage-light: mix(#fff, $bright-camouflage, 20%);
$bright-camouflage-dark: mix(#000, $bright-camouflage, 20%);
.element {
color: $bright-camouflage;
box-shadow: 0 0 0 2px rgba($bright-camouflage, 0.35);
}