Color con nombre · #9BA294
Spring Spirits
Spring Spirits es #9BA294: rgb(155 162 148), hsl(90 7% 61%), oklch(0.702 0.022 128.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Spring Spirits color name →
#9BA294
oklch(0.702 0.022 128.8)
Conversiones de color
- HEX
- #9ba294
- RGB
- rgb(155 162 148)
- HSL
- hsl(90 7% 61%)
- HWB
- hwb(90 58% 36%)
- OKLCH
- oklch(0.702 0.022 128.8)
- OKLab
- oklab(0.702 -0.013 0.017)
- CIE Lab
- lab(65.74 -4.56 6.4)
- LCH
- lch(65.74 7.86 125.5)
- CMYK
- cmyk(4% 0% 9% 36%)
Tintes · Sombras · Tonos
Tintes
- A5AB9E
- AEB4A9
- B8BDB3
- C2C6BE
- CCD0C8
- D6D9D3
- E0E2DE
- EAECE9
- F5F5F4
Sombras
- 868C80
- 72776D
- 5E635A
- 4B4F48
- 393C36
- 282A26
- 181916
- 090A08
- 010101
Tonos
- 989F92
- 969B90
- 93988E
- 90948C
- 8D918A
- 8B8D88
- 888A86
- 858784
- 838382
Armonías de color
Complementario +180°
- 9BA294
Spring Spirits
- A39CAA
≈ Indolence
Análogo -30° +30°
- 9BA294
Spring Spirits
- A2A091
≈ Pussywillow Grey
- 95A49A
≈ Olive Soap
Triádico +120° +240°
- 9BA294
Spring Spirits
- 95A1AC
≈ Robotic Gods
- AC9A9C
≈ Coffee Custard
Complementario dividido +150° +210°
- 9BA294
Spring Spirits
- 9C9EAD
≈ Adhesion
- A99AA4
≈ Laylock
Tetrádico +90° +180° +270°
- 9BA294
Spring Spirits
- 91A3A8
≈ Cape Cod Blue
- A39CAA
≈ Indolence
- AC9B96
≈ Smoked Mauve
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.62:1 · APCA Lc 51
Ag
AAASobre negro
WCAG 7.98:1 · APCA Lc 51
Mejor color de texto: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmentos de código
CSS
:root {
--spring-spirits: #9ba294;
--spring-spirits-rgb: 155 162 148;
--spring-spirits-oklch: oklch(0.702 0.022 128.8);
}
.element {
color: var(--spring-spirits);
background-color: hsl(90 7% 61%);
border-color: oklch(0.702 0.022 128.8);
}Tailwind CSS v4
@theme {
--color-spring-spirits: #9ba294;
--color-spring-spirits-50: #f3f6f0;
--color-spring-spirits-100: #e5e9e2;
--color-spring-spirits-200: #d1d6cd;
--color-spring-spirits-300: #b4baae;
--color-spring-spirits-400: #9aa194;
--color-spring-spirits-500: #82897a;
--color-spring-spirits-600: #6e7468;
--color-spring-spirits-700: #585d53;
--color-spring-spirits-800: #40443c;
--color-spring-spirits-900: #2c2f29;
--color-spring-spirits-950: #191b17;
}SCSS
$spring-spirits: #9ba294;
$spring-spirits-rgb: 155, 162, 148;
$spring-spirits-light: mix(#fff, $spring-spirits, 20%);
$spring-spirits-dark: mix(#000, $spring-spirits, 20%);
.element {
color: $spring-spirits;
box-shadow: 0 0 0 2px rgba($spring-spirits, 0.35);
}