Colore con nome · #1CAC78
Bright Camouflage
Bright Camouflage è #1CAC78: rgb(28 172 120), hsl(158 72% 39%), oklch(0.661 0.139 162.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Bright Camouflage color name →
#1CAC78
oklch(0.661 0.139 162.1)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 44B585
- 5FBD92
- 76C59F
- 8BCEAC
- 9FD6BA
- B3DEC7
- C6E7D5
- D9EFE3
- ECF7F1
Ombre
- 179567
- 127F57
- 0D6948
- 085439
- 05402A
- 022D1D
- 011B10
- 000B05
- 000101
Toni
- 34A879
- 44A47A
- 509F7B
- 599B7C
- 62977D
- 69927D
- 708E7E
- 76897F
- 7B857F
Armonie di colore
Complementare +180°
- 1CAC78
Bright Camouflage
- CB6DAA
≈ Sugar Creek
Analogo -30° +30°
- 1CAC78
Bright Camouflage
- 72A443
≈ Festival Green
- 00A8A4
≈ Jadestone
Triadico +120° +240°
- 1CAC78
Bright Camouflage
- 8686E4
≈ Indigo Bloom
- D77249
≈ Field Poppy
Complementare divisa +150° +210°
- 1CAC78
Bright Camouflage
- AF77CF
≈ Lavender Blossom
- D96B7B
≈ Pinkish
Tetradico +90° +180° +270°
- 1CAC78
Bright Camouflage
- 4D96E4
≈ United Nations Blue
- CB6DAA
≈ Sugar Creek
- C6820D
≈ Bubonic Brown
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.90:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.22:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.22:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
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);
}