이름 색상 · #B38A82
Warm Comfort
Warm Comfort은(는) #B38A82: rgb(179 138 130), hsl(10 24% 61%), oklch(0.67 0.052 31.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Warm Comfort color name →
#B38A82
oklch(0.67 0.052 31.1)
색상 변환
- HEX
- #b38a82
- RGB
- rgb(179 138 130)
- HSL
- hsl(10 24% 61%)
- HWB
- hwb(10 51% 30%)
- OKLCH
- oklch(0.67 0.052 31.1)
- OKLab
- oklab(0.67 0.044 0.027)
- CIE Lab
- lab(61.31 15.22 10.63)
- LCH
- lch(61.31 18.57 34.9)
- CMYK
- cmyk(0% 23% 27% 30%)
틴트 · 셰이드 · 톤
틴트
- BB958E
- C2A19A
- CAACA6
- D2B8B2
- D9C3BF
- E1CFCB
- E8DBD8
- F0E7E5
- F8F3F2
셰이드
- 9B7770
- 84655F
- 6E534E
- 58423E
- 43322F
- 2F2220
- 1D1412
- 0C0706
- 010101
톤
- AE8982
- A98882
- A48782
- 9F8681
- 9A8581
- 958481
- 908381
- 8A8281
- 858180
색 조화
보색 +180°
- B38A82
Warm Comfort
- 709EA7
≈ Reef Waters
유사색 -30° +30°
- B38A82
Warm Comfort
- B18893
≈ Keepsake Rose
- AD8E75
≈ Cantankerous Coyote
삼각 배색 +120° +240°
- B38A82
Warm Comfort
- 7F9F85
≈ Vineyard
- 8994B6
≈ Lively Lilac
분열 보색 +150° +210°
- B38A82
Warm Comfort
- 72A097
≈ Greyish Teal
- 799AB3
≈ Walden Pond
사각 배색 +90° +180° +270°
- B38A82
Warm Comfort
- 909B77
≈ Usuao Blue
- 709EA7
≈ Reef Waters
- 9A8EB1
≈ Greek Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.05:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.87:1 · APCA Lc 44
가장 좋은 글자색: #000000
WCAG 6.87:1 (AA) · APCA Lc 44
Contrast pairs
코드 스니펫
CSS
:root {
--warm-comfort: #b38a82;
--warm-comfort-rgb: 179 138 130;
--warm-comfort-oklch: oklch(0.67 0.052 31.1);
}
.element {
color: var(--warm-comfort);
background-color: hsl(10 24% 61%);
border-color: oklch(0.67 0.052 31.1);
}Tailwind CSS v4
@theme {
--color-warm-comfort: #b38a82;
--color-warm-comfort-50: #fff0ec;
--color-warm-comfort-100: #f9e2dd;
--color-warm-comfort-200: #eacdc6;
--color-warm-comfort-300: #d1aea7;
--color-warm-comfort-400: #bb948c;
--color-warm-comfort-500: #a67a71;
--color-warm-comfort-600: #8c6760;
--color-warm-comfort-700: #70524d;
--color-warm-comfort-800: #533c38;
--color-warm-comfort-900: #3a2926;
--color-warm-comfort-950: #241715;
}SCSS
$warm-comfort: #b38a82;
$warm-comfort-rgb: 179, 138, 130;
$warm-comfort-light: mix(#fff, $warm-comfort, 20%);
$warm-comfort-dark: mix(#000, $warm-comfort, 20%);
.element {
color: $warm-comfort;
box-shadow: 0 0 0 2px rgba($warm-comfort, 0.35);
}