가장 가까운 이름 색상 · #CEAB8D
#CEAB8D
가장 가까운 이름 색상: Cashmere
#CEAB8D(rgb(206 171 141), hsl(28 40% 68%), oklch(0.765 0.058 62.4))와 가장 가까운 이름 색상은 Cashmere입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CEAB8D
oklch(0.765 0.058 62.4)
색상 변환
- HEX
- #ceab8d
- RGB
- rgb(206 171 141)
- HSL
- hsl(28 40% 68%)
- HWB
- hwb(28 55% 19%)
- OKLCH
- oklch(0.765 0.058 62.4)
- OKLab
- oklab(0.765 0.027 0.051)
- CIE Lab
- lab(72.59 9.99 20.53)
- LCH
- lch(72.59 22.83 64.1)
- CMYK
- cmyk(0% 17% 32% 19%)
틴트 · 셰이드 · 톤
틴트
- D3B398
- D8BCA3
- DDC4AF
- E2CCBA
- E7D5C5
- ECDDD1
- F1E5DC
- F5EEE8
- FAF6F3
셰이드
- B3947A
- 987E67
- 7F6855
- 665444
- 4E4033
- 382D23
- 231B14
- 0F0B07
- 020101
톤
- C6A78C
- BEA28B
- B69E8A
- AE9A88
- A79587
- 9F9186
- 978D84
- 8F8983
- 888482
색 조화
보색 +180°
- CEAB8D
Cashmere
- 93B8D5
≈ Blue Pointer
유사색 -30° +30°
- CEAB8D
Cashmere
- D5A69B
≈ Bubble Shell
- BFB289
≈ Weaver’s Spool
삼각 배색 +120° +240°
- CEAB8D
Cashmere
- 89BFB5
≈ Undine
- B9AAD2
≈ Purple Hibiscus
분열 보색 +150° +210°
- CEAB8D
Cashmere
- 87BDC8
≈ Blue Echo
- A6B1D8
≈ High Style
사각 배색 +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 {
--cashmere: #ceab8d;
--cashmere-rgb: 206 171 141;
--cashmere-oklch: oklch(0.765 0.058 62.4);
}
.element {
color: var(--cashmere);
background-color: hsl(28 40% 68%);
border-color: oklch(0.765 0.058 62.4);
}Tailwind CSS v4
@theme {
--color-cashmere: #ceab8d;
--color-cashmere-50: #fff2e4;
--color-cashmere-100: #f6e4d4;
--color-cashmere-200: #e6d0bb;
--color-cashmere-300: #cdb299;
--color-cashmere-400: #b8977b;
--color-cashmere-500: #a27e5e;
--color-cashmere-600: #896b50;
--color-cashmere-700: #6e5540;
--color-cashmere-800: #513e2e;
--color-cashmere-900: #392a1f;
--color-cashmere-950: #23180f;
}SCSS
$cashmere: #ceab8d;
$cashmere-rgb: 206, 171, 141;
$cashmere-light: mix(#fff, $cashmere, 20%);
$cashmere-dark: mix(#000, $cashmere, 20%);
.element {
color: $cashmere;
box-shadow: 0 0 0 2px rgba($cashmere, 0.35);
}