이름 색상 · #CBAC88
Perfect Tan
Perfect Tan은(는) #CBAC88: rgb(203 172 136), hsl(32 39% 66%), oklch(0.763 0.061 70.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Perfect Tan color name →
#CBAC88
oklch(0.763 0.061 70.9)
색상 변환
- HEX
- #cbac88
- RGB
- rgb(203 172 136)
- HSL
- hsl(32 39% 66%)
- HWB
- hwb(32 53% 20%)
- OKLCH
- oklch(0.763 0.061 70.9)
- OKLab
- oklab(0.763 0.02 0.057)
- CIE Lab
- lab(72.46 7.81 22.99)
- LCH
- lch(72.46 24.28 71.2)
- CMYK
- cmyk(0% 15% 33% 20%)
틴트 · 셰이드 · 톤
틴트
- D0B494
- D5BC9F
- DBC5AB
- E0CDB7
- E5D5C3
- EADDCF
- F0E6DB
- F5EEE7
- FAF7F3
셰이드
- B09575
- 967F63
- 7D6952
- 655441
- 4D4031
- 372D22
- 221B13
- 0F0B06
- 020101
톤
- C3A887
- BCA387
- B49F86
- AD9A86
- A59685
- 9E9284
- 968D83
- 8F8982
- 878481
색 조화
보색 +180°
- CBAC88
Perfect Tan
- 96B5D8
≈ Echo Isles Water
유사색 -30° +30°
- CBAC88
Perfect Tan
- D5A695
≈ Tiffany Rose
- BAB487
≈ Minced Ginger
삼각 배색 +120° +240°
- CBAC88
Perfect Tan
- 84BFBB
≈ Riverbed
- BEA8CF
≈ Immortal
분열 보색 +150° +210°
- CBAC88
Perfect Tan
- 87BBCD
≈ Juvie
- AAAED9
≈ High Style
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.14:1 · APCA Lc 42
Ag
AAA검은색 위
WCAG 9.79:1 · APCA Lc 60
가장 좋은 글자색: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
코드 스니펫
CSS
:root {
--perfect-tan: #cbac88;
--perfect-tan-rgb: 203 172 136;
--perfect-tan-oklch: oklch(0.763 0.061 70.9);
}
.element {
color: var(--perfect-tan);
background-color: hsl(32 39% 66%);
border-color: oklch(0.763 0.061 70.9);
}Tailwind CSS v4
@theme {
--color-perfect-tan: #cbac88;
--color-perfect-tan-50: #fff3e3;
--color-perfect-tan-100: #f5e5d2;
--color-perfect-tan-200: #e5d1b8;
--color-perfect-tan-300: #cbb396;
--color-perfect-tan-400: #b69977;
--color-perfect-tan-500: #a08059;
--color-perfect-tan-600: #876c4c;
--color-perfect-tan-700: #6c563c;
--color-perfect-tan-800: #503f2b;
--color-perfect-tan-900: #382b1d;
--color-perfect-tan-950: #22180d;
}SCSS
$perfect-tan: #cbac88;
$perfect-tan-rgb: 203, 172, 136;
$perfect-tan-light: mix(#fff, $perfect-tan, 20%);
$perfect-tan-dark: mix(#000, $perfect-tan, 20%);
.element {
color: $perfect-tan;
box-shadow: 0 0 0 2px rgba($perfect-tan, 0.35);
}