Cor nomeada · #A99757
Spring Moss
Spring Moss é #A99757: rgb(169 151 87), hsl(47 32% 50%), oklch(0.678 0.087 94.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Spring Moss color name →
#A99757
oklch(0.678 0.087 94.1)
Conversões de cor
- HEX
- #a99757
- RGB
- rgb(169 151 87)
- HSL
- hsl(47 32% 50%)
- HWB
- hwb(47 34% 34%)
- OKLCH
- oklch(0.678 0.087 94.1)
- OKLab
- oklab(0.678 -0.006 0.086)
- CIE Lab
- lab(63 0.45 36.05)
- LCH
- lch(63 36.06 89.3)
- CMYK
- cmyk(0% 11% 49% 34%)
Tons claros · Sombras · Tons
Tons claros
- B1A168
- BAAB79
- C2B68A
- CBC09A
- D3CAAB
- DCD5BC
- E4DFCC
- EDEADD
- F6F4EE
Sombras
- 92834B
- 7C6F3E
- 675C33
- 534927
- 3F371C
- 2C2612
- 1B1708
- 0A0803
- 010100
Tons
- A5955C
- A19361
- 9C9066
- 988E6A
- 948C6E
- 908A72
- 8C8776
- 888579
- 84827D
Harmonias de cor
Complementar +180°
- A99757
Spring Moss
- 8794CD
≈ Mystic Iris
Análoga -30° +30°
- A99757
Spring Moss
- BD8C5E
≈ Caramel Cupcake
- 8CA165
≈ Buckingham Gardens
Tríade +120° +240°
- A99757
Spring Moss
- 50A6B8
≈ Blue Calypso
- B983AE
≈ Drama Violet
Complementar dividida +150° +210°
- A99757
Spring Moss
- 689ECA
≈ Tantalise
- A38AC3
≈ Classic Bouquet
Tétrade +90° +180° +270°
- A99757
Spring Moss
- 51A99E
≈ Paradise Island
- 8794CD
≈ Mystic Iris
- C58191
≈ Grey Matter
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.89:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.25:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.25:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos de código
CSS
:root {
--spring-moss: #a99757;
--spring-moss-rgb: 169 151 87;
--spring-moss-oklch: oklch(0.678 0.087 94.1);
}
.element {
color: var(--spring-moss);
background-color: hsl(47 32% 50%);
border-color: oklch(0.678 0.087 94.1);
}Tailwind CSS v4
@theme {
--color-spring-moss: #a99757;
--color-spring-moss-50: #fcf6da;
--color-spring-moss-100: #f0e8c8;
--color-spring-moss-200: #dfd5ab;
--color-spring-moss-300: #c4b885;
--color-spring-moss-400: #af9e62;
--color-spring-moss-500: #99853d;
--color-spring-moss-600: #817135;
--color-spring-moss-700: #675a2a;
--color-spring-moss-800: #4d411c;
--color-spring-moss-900: #362d12;
--color-spring-moss-950: #211a05;
}SCSS
$spring-moss: #a99757;
$spring-moss-rgb: 169, 151, 87;
$spring-moss-light: mix(#fff, $spring-moss, 20%);
$spring-moss-dark: mix(#000, $spring-moss, 20%);
.element {
color: $spring-moss;
box-shadow: 0 0 0 2px rgba($spring-moss, 0.35);
}