Cor nomeada · #A8916C
Ecosystem
Ecosystem é #A8916C: rgb(168 145 108), hsl(37 26% 54%), oklch(0.668 0.058 79.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Ecosystem color name →
#A8916C
oklch(0.668 0.058 79.3)
Conversões de cor
- HEX
- #a8916c
- RGB
- rgb(168 145 108)
- HSL
- hsl(37 26% 54%)
- HWB
- hwb(37 42% 34%)
- OKLCH
- oklch(0.668 0.058 79.3)
- OKLab
- oklab(0.668 0.011 0.057)
- CIE Lab
- lab(61.58 4.85 23.04)
- LCH
- lch(61.58 23.54 78.1)
- CMYK
- cmyk(0% 14% 36% 34%)
Tons claros · Sombras · Tons
Tons claros
- B09C7A
- B9A688
- C2B197
- CABCA5
- D3C7B4
- DCD2C3
- E4DDD2
- EDE8E1
- F6F4F0
Sombras
- 927D5D
- 7C6A4E
- 675840
- 524632
- 3F3525
- 2C2519
- 1A150D
- 0A0704
- 010100
Tons
- A48F6E
- A08E71
- 9C8C73
- 988A75
- 948977
- 908779
- 8C857B
- 88847D
- 84827E
Harmonias de cor
Complementar +180°
- A8916C
Ecosystem
- 8096B9
≈ Denim Tradition
Análoga -30° +30°
- A8916C
Ecosystem
- B38B75
≈ Plum Blossom Dye
- 97986E
≈ Silk Road
Tríade +120° +240°
- A8916C
Ecosystem
- 69A0A2
≈ Folk Song
- A58AAC
≈ Violet Eclipse
Complementar dividida +150° +210°
- A8916C
Ecosystem
- 6F9CB2
≈ Bluebird Feather
- 938FB7
≈ Purple Amethyst
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 3.02:1 · APCA Lc 57
Ag
AASobre preto
WCAG 6.93:1 · APCA Lc 45
Melhor cor de texto: #000000
WCAG 6.93:1 (AA) · APCA Lc 45
Contrast pairs
Trechos de código
CSS
:root {
--ecosystem: #a8916c;
--ecosystem-rgb: 168 145 108;
--ecosystem-oklch: oklch(0.668 0.058 79.3);
}
.element {
color: var(--ecosystem);
background-color: hsl(37 26% 54%);
border-color: oklch(0.668 0.058 79.3);
}Tailwind CSS v4
@theme {
--color-ecosystem: #a8916c;
--color-ecosystem-50: #fef4e3;
--color-ecosystem-100: #f2e6d3;
--color-ecosystem-200: #e1d2b9;
--color-ecosystem-300: #c7b596;
--color-ecosystem-400: #b19b78;
--color-ecosystem-500: #9b8259;
--color-ecosystem-600: #836e4c;
--color-ecosystem-700: #69583d;
--color-ecosystem-800: #4e402b;
--color-ecosystem-900: #362c1d;
--color-ecosystem-950: #21190d;
}SCSS
$ecosystem: #a8916c;
$ecosystem-rgb: 168, 145, 108;
$ecosystem-light: mix(#fff, $ecosystem, 20%);
$ecosystem-dark: mix(#000, $ecosystem, 20%);
.element {
color: $ecosystem;
box-shadow: 0 0 0 2px rgba($ecosystem, 0.35);
}