이름 색상 · #C29867
Chalet
Chalet은(는) #C29867: rgb(194 152 103), hsl(32 43% 58%), oklch(0.708 0.082 70.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Chalet color name →
#C29867
oklch(0.708 0.082 70.2)
색상 변환
- HEX
- #c29867
- RGB
- rgb(194 152 103)
- HSL
- hsl(32 43% 58%)
- HWB
- hwb(32 40% 24%)
- OKLCH
- oklch(0.708 0.082 70.2)
- OKLab
- oklab(0.708 0.028 0.077)
- CIE Lab
- lab(66.01 11.66 32.05)
- LCH
- lch(66.01 34.1 70)
- CMYK
- cmyk(0% 22% 47% 24%)
틴트 · 셰이드 · 톤
틴트
- C8A276
- CEAC85
- D5B694
- DBC1A3
- E1CBB3
- E7D5C2
- EDE0D1
- F3EAE0
- F9F4F0
셰이드
- A88459
- 8F704B
- 775C3D
- 604A30
- 493823
- 342717
- 20170C
- 0E0804
- 020100
톤
- BB966A
- B5936D
- AE9170
- A88F73
- A18C75
- 9A8A78
- 94887A
- 8D857C
- 87837E
색 조화
보색 +180°
- C29867
Chalet
- 79A5D3
≈ Boudoir Blue
유사색 -30° +30°
- C29867
Chalet
- CE8F7A
≈ Ginger Scent
- ACA265
≈ Wavy Glass
삼각 배색 +120° +240°
- C29867
Chalet
- 5DB1AC
≈ Artesian Well
- B193C7
≈ Cut Velvet
분열 보색 +150° +210°
- C29867
Chalet
- 61ADC4
≈ Blue Mist
- 969BD4
≈ Bluebell Frost
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.63:1 · APCA Lc 51
Ag
AAA검은색 위
WCAG 7.98:1 · APCA Lc 51
가장 좋은 글자색: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
코드 스니펫
CSS
:root {
--chalet: #c29867;
--chalet-rgb: 194 152 103;
--chalet-oklch: oklch(0.708 0.082 70.2);
}
.element {
color: var(--chalet);
background-color: hsl(32 43% 58%);
border-color: oklch(0.708 0.082 70.2);
}Tailwind CSS v4
@theme {
--color-chalet: #c29867;
--color-chalet-50: #fff2dc;
--color-chalet-100: #fae4cb;
--color-chalet-200: #ebcfae;
--color-chalet-300: #d2b189;
--color-chalet-400: #be9668;
--color-chalet-500: #a97c46;
--color-chalet-600: #8f693c;
--color-chalet-700: #735430;
--color-chalet-800: #553d22;
--color-chalet-900: #3b2a16;
--color-chalet-950: #251707;
}SCSS
$chalet: #c29867;
$chalet-rgb: 194, 152, 103;
$chalet-light: mix(#fff, $chalet, 20%);
$chalet-dark: mix(#000, $chalet, 20%);
.element {
color: $chalet;
box-shadow: 0 0 0 2px rgba($chalet, 0.35);
}