가장 가까운 이름 색상 · #C89571
#C89571
가장 가까운 이름 색상: Butterum
#C89571(rgb(200 149 113), hsl(25 44% 61%), oklch(0.71 0.079 56.3))와 가장 가까운 이름 색상은 Butterum입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#C89571
oklch(0.71 0.079 56.3)
색상 변환
- HEX
- #c89571
- RGB
- rgb(200 149 113)
- HSL
- hsl(25 44% 61%)
- HWB
- hwb(25 44% 22%)
- OKLCH
- oklch(0.71 0.079 56.3)
- OKLab
- oklab(0.71 0.044 0.066)
- CIE Lab
- lab(66.06 16.46 26.9)
- LCH
- lch(66.06 31.54 58.5)
- CMYK
- cmyk(0% 25% 44% 22%)
틴트 · 셰이드 · 톤
틴트
- CE9F7F
- D4AA8D
- D9B49B
- DFBFA9
- E4C9B7
- EAD4C5
- EFDFD4
- F5E9E2
- FAF4F0
셰이드
- AE8161
- 946D52
- 7B5A43
- 634835
- 4C3727
- 36261A
- 21160E
- 0F0804
- 020101
톤
- C19373
- BA9175
- B38F77
- AB8D78
- A48B7A
- 9D897B
- 96877C
- 8F847E
- 87827F
색 조화
보색 +180°
- C89571
Butterum
- 70A9CD
≈ Chronus Blue
유사색 -30° +30°
- C89571
Butterum
- CE8F87
≈ Resounding Rose
- B79E67
≈ Grainfield
삼각 배색 +120° +240°
- C89571
Butterum
- 68B2A0
≈ Tropic Turquoise
- A698CE
≈ Gorgeous Hydrangea
분열 보색 +150° +210°
- C89571
Butterum
- 61B0BA
≈ Ocean Trip
- 8BA1D4
≈ Azureno
사각 배색 +90° +180° +270°
- C89571
Butterum
- 81AF84
≈ Peapod
- 70A9CD
≈ Chronus Blue
- BC90BC
≈ La la Love
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.62:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.99:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 7.99:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--butterum: #c89571;
--butterum-rgb: 200 149 113;
--butterum-oklch: oklch(0.71 0.079 56.3);
}
.element {
color: var(--butterum);
background-color: hsl(25 44% 61%);
border-color: oklch(0.71 0.079 56.3);
}Tailwind CSS v4
@theme {
--color-butterum: #c89571;
--color-butterum-50: #fff0df;
--color-butterum-100: #fde2cf;
--color-butterum-200: #efcdb4;
--color-butterum-300: #d7ae90;
--color-butterum-400: #c39371;
--color-butterum-500: #ae7851;
--color-butterum-600: #936645;
--color-butterum-700: #765137;
--color-butterum-800: #583b27;
--color-butterum-900: #3d281a;
--color-butterum-950: #27160b;
}SCSS
$butterum: #c89571;
$butterum-rgb: 200, 149, 113;
$butterum-light: mix(#fff, $butterum, 20%);
$butterum-dark: mix(#000, $butterum, 20%);
.element {
color: $butterum;
box-shadow: 0 0 0 2px rgba($butterum, 0.35);
}