이름 색상 · #995522
Mammoth Wool
Mammoth Wool은(는) #995522: rgb(153 85 34), hsl(26 64% 37%), oklch(0.521 0.11 53.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Brown mean? → · Mammoth Wool color name →
#995522
oklch(0.521 0.11 53.9)
색상 변환
- HEX
- #995522
- RGB
- rgb(153 85 34)
- HSL
- hsl(26 64% 37%)
- HWB
- hwb(26 13% 40%)
- OKLCH
- oklch(0.521 0.11 53.9)
- OKLab
- oklab(0.521 0.065 0.089)
- CIE Lab
- lab(43.79 25.98 41.01)
- LCH
- lch(43.79 48.55 57.6)
- CMYK
- cmyk(0% 44% 78% 40%)
틴트 · 셰이드 · 톤
틴트
- A4663B
- AF7651
- B98766
- C4977B
- CEA891
- D8B9A6
- E2CABC
- ECDCD2
- F5EDE8
셰이드
- 84491C
- 703D16
- 5D3111
- 4A260B
- 381C07
- 271103
- 170801
- 080200
- 010000
톤
- 975A2F
- 955F3A
- 936344
- 91684D
- 8F6C56
- 8C705F
- 897467
- 86786F
- 837C78
색 조화
보색 +180°
- 995522
Mammoth Wool
- 00729E
≈ Tofino Belue
유사색 -30° +30°
- 995522
Mammoth Wool
- 9F4C49
≈ Sweet Cherry
- 866300
≈ Alligator
삼각 배색 +120° +240°
- 995522
Mammoth Wool
- 007B65
≈ Ultramarine Green
- 6D5BA2
≈ Sumire Violet
분열 보색 +150° +210°
- 995522
Mammoth Wool
- 007780
≈ Hypnotic Sea
- 4867A8
≈ Indigo Batik
사각 배색 +90° +180° +270°
- 995522
Mammoth Wool
- 3D793D
≈ Cucumber Queen
- 00729E
≈ Tofino Belue
- 88518D
≈ Cosmic Berry
대비 및 접근성
Ag
AA흰색 위
WCAG 5.71:1 · APCA Lc 78
Ag
Fail검은색 위
WCAG 3.67:1 · APCA Lc 24
가장 좋은 글자색: #FFFFFF
WCAG 5.71:1 (AA) · APCA Lc 78
Contrast pairs
코드 스니펫
CSS
:root {
--mammoth-wool: #995522;
--mammoth-wool-rgb: 153 85 34;
--mammoth-wool-oklch: oklch(0.521 0.11 53.9);
}
.element {
color: var(--mammoth-wool);
background-color: hsl(26 64% 37%);
border-color: oklch(0.521 0.11 53.9);
}Tailwind CSS v4
@theme {
--color-mammoth-wool: #995522;
--color-mammoth-wool-50: #ffeed8;
--color-mammoth-wool-100: #ffdfc5;
--color-mammoth-wool-200: #fac9a7;
--color-mammoth-wool-300: #e4a980;
--color-mammoth-wool-400: #d18c5e;
--color-mammoth-wool-500: #be7038;
--color-mammoth-wool-600: #a05f31;
--color-mammoth-wool-700: #814c26;
--color-mammoth-wool-800: #60361b;
--color-mammoth-wool-900: #432512;
--color-mammoth-wool-950: #2b1304;
}SCSS
$mammoth-wool: #995522;
$mammoth-wool-rgb: 153, 85, 34;
$mammoth-wool-light: mix(#fff, $mammoth-wool, 20%);
$mammoth-wool-dark: mix(#000, $mammoth-wool, 20%);
.element {
color: $mammoth-wool;
box-shadow: 0 0 0 2px rgba($mammoth-wool, 0.35);
}