Color con nombre · #949381
Water Scrub
Water Scrub es #949381: rgb(148 147 129), hsl(57 8% 54%), oklch(0.659 0.026 104.5). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Water Scrub color name →
#949381
oklch(0.659 0.026 104.5)
Conversiones de color
- HEX
- #949381
- RGB
- rgb(148 147 129)
- HSL
- hsl(57 8% 54%)
- HWB
- hwb(57 51% 42%)
- OKLCH
- oklch(0.659 0.026 104.5)
- OKLab
- oklab(0.659 -0.006 0.025)
- CIE Lab
- lab(60.64 -2.05 9.72)
- LCH
- lch(60.64 9.93 101.9)
- CMYK
- cmyk(0% 1% 13% 42%)
Tintes · Sombras · Tonos
Tintes
- 9E9D8D
- A8A899
- B3B2A5
- BDBDB2
- C8C8BE
- D3D3CB
- DEDED8
- E9E9E5
- F4F4F2
Sombras
- 807F6F
- 6D6C5E
- 5A594E
- 48473E
- 36362E
- 26251F
- 161612
- 080806
- 010101
Tonos
- 929181
- 908F81
- 8E8D81
- 8C8B81
- 8A8981
- 888881
- 868680
- 848480
- 828280
Armonías de color
Complementario +180°
- 949381
Water Scrub
- 9090A2
≈ Cotton Flannel
Análogo -30° +30°
- 949381
Water Scrub
- 9C9081
≈ Northpointe
- 8B9686
≈ Silver Eucalyptus
Triádico +120° +240°
- 949381
Water Scrub
- 82969E
≈ Kingfisher Grey
- 9E8C96
≈ Greige Violet
Complementario dividido +150° +210°
- 949381
Water Scrub
- 8793A2
≈ Supreme Grey
- 988D9D
≈ Gentle Mauve
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.11:1 · APCA Lc 58
Ag
AASobre negro
WCAG 6.74:1 · APCA Lc 44
Mejor color de texto: #000000
WCAG 6.74:1 (AA) · APCA Lc 44
Contrast pairs
Fragmentos de código
CSS
:root {
--water-scrub: #949381;
--water-scrub-rgb: 148 147 129;
--water-scrub-oklch: oklch(0.659 0.026 104.5);
}
.element {
color: var(--water-scrub);
background-color: hsl(57 8% 54%);
border-color: oklch(0.659 0.026 104.5);
}Tailwind CSS v4
@theme {
--color-water-scrub: #949381;
--color-water-scrub-50: #f6f6ed;
--color-water-scrub-100: #e9e9df;
--color-water-scrub-200: #d5d5c9;
--color-water-scrub-300: #b9b8aa;
--color-water-scrub-400: #a0a08e;
--color-water-scrub-500: #888774;
--color-water-scrub-600: #747362;
--color-water-scrub-700: #5c5c4e;
--color-water-scrub-800: #444339;
--color-water-scrub-900: #2f2e27;
--color-water-scrub-950: #1b1b15;
}SCSS
$water-scrub: #949381;
$water-scrub-rgb: 148, 147, 129;
$water-scrub-light: mix(#fff, $water-scrub, 20%);
$water-scrub-dark: mix(#000, $water-scrub, 20%);
.element {
color: $water-scrub;
box-shadow: 0 0 0 2px rgba($water-scrub, 0.35);
}