Benannte Farbe · #897A69
Mudskipper
Mudskipper ist #897A69: rgb(137 122 105), hsl(32 13% 47%), oklch(0.588 0.031 70.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Mudskipper color name →
#897A69
oklch(0.588 0.031 70.7)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 948677
- A09385
- ABA094
- B7ADA2
- C2BAB1
- CEC8C0
- DAD5D0
- E6E3DF
- F3F1EF
Shades
- 76695A
- 64594C
- 53493E
- 423A31
- 312B24
- 221D18
- 14100C
- 070504
- 010100
Tones
- 887B6B
- 877B6E
- 867C70
- 867C72
- 857D75
- 847E77
- 837E79
- 827F7B
- 817F7E
Farbharmonien
Komplementär +180°
- 897A69
Mudskipper
- 6F7F8F
≈ Chain Gang Grey
Analog -30° +30°
- 897A69
Mudskipper
- 8E776F
≈ Cadian
- 817E69
≈ Smoky Forest
Triadisch +120° +240°
- 897A69
Mudskipper
- 688381
≈ Rock Creek
- 83788B
≈ Grey Ridge
Geteilt komplementär +150° +210°
- 897A69
Mudskipper
- 69818A
≈ Citadel
- 797B8F
≈ Soulful Blue
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.15:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 5.05:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 5.05:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
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);
}