Cor nomeada · #897A69
Mudskipper
Mudskipper é #897A69: rgb(137 122 105), hsl(32 13% 47%), oklch(0.588 0.031 70.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Mudskipper color name →
#897A69
oklch(0.588 0.031 70.7)
Conversões de cor
- HEX
- #897a69
- RGB
- rgb(137 122 105)
- HSL
- hsl(32 13% 47%)
- HWB
- hwb(32 41% 46%)
- OKLCH
- oklch(0.588 0.031 70.7)
- OKLab
- oklab(0.588 0.01 0.029)
- CIE Lab
- lab(52.26 3.84 11.57)
- LCH
- lch(52.26 12.19 71.6)
- CMYK
- cmyk(0% 11% 23% 46%)
Tons claros · Sombras · Tons
Tons claros
- 948677
- A09385
- ABA094
- B7ADA2
- C2BAB1
- CEC8C0
- DAD5D0
- E6E3DF
- F3F1EF
Sombras
- 76695A
- 64594C
- 53493E
- 423A31
- 312B24
- 221D18
- 14100C
- 070504
- 010100
Tons
- 887B6B
- 877B6E
- 867C70
- 867C72
- 857D75
- 847E77
- 837E79
- 827F7B
- 817F7E
Harmonias de cor
Complementar +180°
- 897A69
Mudskipper
- 6F7F8F
≈ Chain Gang Grey
Análoga -30° +30°
- 897A69
Mudskipper
- 8E776F
≈ Cadian
- 817E69
≈ Smoky Forest
Tríade +120° +240°
- 897A69
Mudskipper
- 688381
≈ Rock Creek
- 83788B
≈ Grey Ridge
Complementar dividida +150° +210°
- 897A69
Mudskipper
- 69818A
≈ Citadel
- 797B8F
≈ Soulful Blue
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 4.15:1 · APCA Lc 69
Ag
AASobre preto
WCAG 5.05:1 · APCA Lc 33
Melhor cor de texto: #000000
WCAG 5.05:1 (AA) · APCA Lc 33
Contrast pairs
Trechos de código
CSS
:root {
--mudskipper: #897a69;
--mudskipper-rgb: 137 122 105;
--mudskipper-oklch: oklch(0.588 0.031 70.7);
}
.element {
color: var(--mudskipper);
background-color: hsl(32 13% 47%);
border-color: oklch(0.588 0.031 70.7);
}Tailwind CSS v4
@theme {
--color-mudskipper: #897a69;
--color-mudskipper-50: #fbf4ec;
--color-mudskipper-100: #eee6dd;
--color-mudskipper-200: #ddd2c6;
--color-mudskipper-300: #c2b5a6;
--color-mudskipper-400: #ab9c8b;
--color-mudskipper-500: #948370;
--color-mudskipper-600: #7d6f5f;
--color-mudskipper-700: #64594c;
--color-mudskipper-800: #4a4137;
--color-mudskipper-900: #332d26;
--color-mudskipper-950: #1f1a14;
}SCSS
$mudskipper: #897a69;
$mudskipper-rgb: 137, 122, 105;
$mudskipper-light: mix(#fff, $mudskipper, 20%);
$mudskipper-dark: mix(#000, $mudskipper, 20%);
.element {
color: $mudskipper;
box-shadow: 0 0 0 2px rgba($mudskipper, 0.35);
}