이름 색상 · #C5AE91
Warm Sand
Warm Sand은(는) #C5AE91: rgb(197 174 145), hsl(33 31% 67%), oklch(0.763 0.048 73.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Warm Sand color name →
#C5AE91
oklch(0.763 0.048 73.4)
색상 변환
- HEX
- #c5ae91
- RGB
- rgb(197 174 145)
- HSL
- hsl(33 31% 67%)
- HWB
- hwb(33 57% 23%)
- OKLCH
- oklch(0.763 0.048 73.4)
- OKLab
- oklab(0.763 0.014 0.046)
- CIE Lab
- lab(72.55 5.28 18.15)
- LCH
- lch(72.55 18.91 73.8)
- CMYK
- cmyk(0% 12% 26% 23%)
틴트 · 셰이드 · 톤
틴트
- CBB69C
- D1BEA6
- D6C6B1
- DCCEBC
- E2D6C7
- E8DED2
- EEE6DD
- F3EEE8
- F9F7F4
셰이드
- AB977D
- 92806A
- 796A58
- 615546
- 4B4135
- 352E25
- 211C15
- 0E0B07
- 020101
톤
- BEA98F
- B7A58E
- B0A08C
- A99B8B
- A29789
- 9B9287
- 948E85
- 8D8984
- 878582
색 조화
보색 +180°
- C5AE91
Warm Sand
- 9DB4D1
≈ Blue Satin
유사색 -30° +30°
- C5AE91
Warm Sand
- CDA99A
≈ Tempting Taupe
- B7B491
≈ Powdered Sage
삼각 배색 +120° +240°
- C5AE91
Warm Sand
- 8FBCBB
≈ Lorian
- BDAAC8
≈ Fancy Pansy
분열 보색 +150° +210°
- C5AE91
Warm Sand
- 92B9C9
≈ Blue Echo
- ADAFD0
≈ Lavender Wash
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.13:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.83:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.83:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--warm-sand: #c5ae91;
--warm-sand-rgb: 197 174 145;
--warm-sand-oklch: oklch(0.763 0.048 73.4);
}
.element {
color: var(--warm-sand);
background-color: hsl(33 31% 67%);
border-color: oklch(0.763 0.048 73.4);
}Tailwind CSS v4
@theme {
--color-warm-sand: #c5ae91;
--color-warm-sand-50: #fdf4e6;
--color-warm-sand-100: #f1e6d7;
--color-warm-sand-200: #e0d2be;
--color-warm-sand-300: #c6b49d;
--color-warm-sand-400: #b09b80;
--color-warm-sand-500: #9a8263;
--color-warm-sand-600: #826e54;
--color-warm-sand-700: #685843;
--color-warm-sand-800: #4d4030;
--color-warm-sand-900: #362c21;
--color-warm-sand-950: #211910;
}SCSS
$warm-sand: #c5ae91;
$warm-sand-rgb: 197, 174, 145;
$warm-sand-light: mix(#fff, $warm-sand, 20%);
$warm-sand-dark: mix(#000, $warm-sand, 20%);
.element {
color: $warm-sand;
box-shadow: 0 0 0 2px rgba($warm-sand, 0.35);
}