이름 색상 · #C2AE88
Desert Camel
Desert Camel은(는) #C2AE88: rgb(194 174 136), hsl(39 32% 65%), oklch(0.758 0.056 83.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Desert Camel color name →
#C2AE88
oklch(0.758 0.056 83.3)
색상 변환
- HEX
- #c2ae88
- RGB
- rgb(194 174 136)
- HSL
- hsl(39 32% 65%)
- HWB
- hwb(39 53% 24%)
- OKLCH
- oklch(0.758 0.056 83.3)
- OKLab
- oklab(0.758 0.007 0.056)
- CIE Lab
- lab(72.12 3.2 22.35)
- LCH
- lch(72.12 22.58 81.9)
- CMYK
- cmyk(0% 10% 30% 24%)
틴트 · 셰이드 · 톤
틴트
- C8B694
- CEBE9F
- D4C6AB
- DACEB7
- E0D6C3
- E6DECF
- ECE6DB
- F3EEE7
- F9F7F3
셰이드
- A89775
- 8F8063
- 776A52
- 605541
- 494131
- 342E22
- 201C13
- 0E0B06
- 020101
톤
- BBA987
- B4A587
- AEA086
- A79B86
- A09785
- 9A9284
- 938E83
- 8D8982
- 868581
색 조화
보색 +180°
- C2AE88
Desert Camel
- 9EB1D5
≈ Heartsong
유사색 -30° +30°
- C2AE88
Desert Camel
- CEA790
≈ Half Moon Bay Blush
- B0B58C
≈ Sumptuous Sage
삼각 배색 +120° +240°
- C2AE88
Desert Camel
- 86BCC1
≈ Misty Cold Sea
- C3A5C6
≈ Tea Towel
분열 보색 +150° +210°
- C2AE88
Desert Camel
- 8DB7CF
≈ Mountain Main
- B2AAD2
≈ Wisteria-Wise
사각 배색 +90° +180° +270°
- C2AE88
Desert Camel
- 8CBDAD
≈ Mild Evergreen
- 9EB1D5
≈ Heartsong
- CEA2B3
≈ Raspberry Smoothie
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.16:1 · APCA Lc 43
Ag
AAA검은색 위
WCAG 9.70:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.70:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--desert-camel: #c2ae88;
--desert-camel-rgb: 194 174 136;
--desert-camel-oklch: oklch(0.758 0.056 83.3);
}
.element {
color: var(--desert-camel);
background-color: hsl(39 32% 65%);
border-color: oklch(0.758 0.056 83.3);
}Tailwind CSS v4
@theme {
--color-desert-camel: #c2ae88;
--color-desert-camel-50: #fdf4e3;
--color-desert-camel-100: #f0e7d3;
--color-desert-camel-200: #dfd3ba;
--color-desert-camel-300: #c5b697;
--color-desert-camel-400: #af9c79;
--color-desert-camel-500: #98835b;
--color-desert-camel-600: #816f4d;
--color-desert-camel-700: #67593d;
--color-desert-camel-800: #4c412c;
--color-desert-camel-900: #352c1d;
--color-desert-camel-950: #20190d;
}SCSS
$desert-camel: #c2ae88;
$desert-camel-rgb: 194, 174, 136;
$desert-camel-light: mix(#fff, $desert-camel, 20%);
$desert-camel-dark: mix(#000, $desert-camel, 20%);
.element {
color: $desert-camel;
box-shadow: 0 0 0 2px rgba($desert-camel, 0.35);
}