가장 가까운 이름 색상 · #623025
#623025
가장 가까운 이름 색상: Hairy Heath
#623025(rgb(98 48 37), hsl(11 45% 26%), oklch(0.373 0.075 33.6))와 가장 가까운 이름 색상은 Hairy Heath입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#623025
oklch(0.373 0.075 33.6)
색상 변환
- HEX
- #623025
- RGB
- rgb(98 48 37)
- HSL
- hsl(11 45% 26%)
- HWB
- hwb(11 15% 62%)
- OKLCH
- oklch(0.373 0.075 33.6)
- OKLab
- oklab(0.373 0.063 0.042)
- CIE Lab
- lab(26.59 22.28 17.77)
- LCH
- lch(26.59 28.5 38.6)
- CMYK
- cmyk(0% 51% 62% 62%)
틴트 · 셰이드 · 톤
틴트
- 724338
- 81564C
- 916A61
- A17E76
- B0928B
- C0A7A1
- D0BDB8
- DFD2CF
- EFE9E7
셰이드
- 54281F
- 472119
- 3A1A13
- 2D130D
- 210C08
- 160604
- 0B0302
- 030100
- 000000
톤
- 66382E
- 694037
- 6D4840
- 705049
- 735852
- 76605B
- 796864
- 7B706D
- 7E7877
색 조화
보색 +180°
- 623025
Hairy Heath
- 004955
≈ Midnight Green
유사색 -30° +30°
- 623025
Hairy Heath
- 612E3C
≈ Windsor Wine
- 5C370D
≈ Chocolate Fantasies
삼각 배색 +120° +240°
- 623025
Hairy Heath
- 1A4C2D
≈ Cal Poly Pomona Green
- 343D68
≈ Newport Indigo
분열 보색 +150° +210°
- 623025
Hairy Heath
- 004C44
≈ Aqua Deep
- 164465
≈ Forest Blues
사각 배색 +90° +180° +270°
- 623025
Hairy Heath
- 384715
≈ Treetop Cathedral
- 004955
≈ Midnight Green
- 493661
≈ Petunia
대비 및 접근성
Ag
AAA흰색 위
WCAG 10.66:1 · APCA Lc 94
Ag
Fail검은색 위
WCAG 1.96:1 · APCA Lc 8
가장 좋은 글자색: #FFFFFF
WCAG 10.66:1 (AAA) · APCA Lc 94
Contrast pairs
코드 스니펫
CSS
:root {
--hairy-heath: #623025;
--hairy-heath-rgb: 98 48 37;
--hairy-heath-oklch: oklch(0.373 0.075 33.6);
}
.element {
color: var(--hairy-heath);
background-color: hsl(11 45% 26%);
border-color: oklch(0.373 0.075 33.6);
}Tailwind CSS v4
@theme {
--color-hairy-heath: #623025;
--color-hairy-heath-50: #ffeee7;
--color-hairy-heath-100: #ffe0d7;
--color-hairy-heath-200: #f2cabf;
--color-hairy-heath-300: #dbaa9d;
--color-hairy-heath-400: #c78f82;
--color-hairy-heath-500: #b27465;
--color-hairy-heath-600: #976256;
--color-hairy-heath-700: #794e45;
--color-hairy-heath-800: #5a3932;
--color-hairy-heath-900: #3f2722;
--color-hairy-heath-950: #281511;
}SCSS
$hairy-heath: #623025;
$hairy-heath-rgb: 98, 48, 37;
$hairy-heath-light: mix(#fff, $hairy-heath, 20%);
$hairy-heath-dark: mix(#000, $hairy-heath, 20%);
.element {
color: $hairy-heath;
box-shadow: 0 0 0 2px rgba($hairy-heath, 0.35);
}