이름 색상 · #897A69
Mudskipper
Mudskipper은(는) #897A69: rgb(137 122 105), hsl(32 13% 47%), oklch(0.588 0.031 70.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mudskipper color name →
#897A69
oklch(0.588 0.031 70.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 948677
- A09385
- ABA094
- B7ADA2
- C2BAB1
- CEC8C0
- DAD5D0
- E6E3DF
- F3F1EF
셰이드
- 76695A
- 64594C
- 53493E
- 423A31
- 312B24
- 221D18
- 14100C
- 070504
- 010100
톤
- 887B6B
- 877B6E
- 867C70
- 867C72
- 857D75
- 847E77
- 837E79
- 827F7B
- 817F7E
색 조화
보색 +180°
- 897A69
Mudskipper
- 6F7F8F
≈ Chain Gang Grey
유사색 -30° +30°
- 897A69
Mudskipper
- 8E776F
≈ Cadian
- 817E69
≈ Smoky Forest
삼각 배색 +120° +240°
- 897A69
Mudskipper
- 688381
≈ Rock Creek
- 83788B
≈ Grey Ridge
분열 보색 +150° +210°
- 897A69
Mudskipper
- 69818A
≈ Citadel
- 797B8F
≈ Soulful Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.15:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 5.05:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 5.05:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
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);
}