이름 색상 · #E2D5BD
Wax Sculpture
Wax Sculpture은(는) #E2D5BD: rgb(226 213 189), hsl(39 39% 81%), oklch(0.877 0.035 82.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Wax Sculpture color name →
#E2D5BD
oklch(0.877 0.035 82.9)
색상 변환
- HEX
- #e2d5bd
- RGB
- rgb(226 213 189)
- HSL
- hsl(39 39% 81%)
- HWB
- hwb(39 74% 11%)
- OKLCH
- oklch(0.877 0.035 82.9)
- OKLab
- oklab(0.877 0.004 0.035)
- CIE Lab
- lab(85.86 1.75 13.61)
- LCH
- lch(85.86 13.72 82.7)
- CMYK
- cmyk(0% 6% 16% 11%)
틴트 · 셰이드 · 톤
틴트
- E5D9C4
- E8DDCA
- EBE2D1
- EEE6D7
- F0EADE
- F3EEE4
- F6F2EB
- F9F7F2
- FCFBF8
셰이드
- C4B9A4
- A89E8C
- 8C8374
- 716A5D
- 575147
- 3E3A33
- 27241F
- 12100D
- 030202
톤
- D8CCB7
- CEC3B1
- C4BBAA
- BAB2A4
- B0AA9E
- A6A198
- 9C9992
- 93908C
- 898886
색 조화
보색 +180°
- E2D5BD
Wax Sculpture
- CAD7EF
≈ Light Cuddle
유사색 -30° +30°
- E2D5BD
Wax Sculpture
- EAD1C2
≈ Pure Beige
- D6D9BF
≈ Feng Shui
삼각 배색 +120° +240°
- E2D5BD
Wax Sculpture
- BDDEE1
≈ Infinitesimal Blue
- E2CFE4
≈ Sweety Pie
분열 보색 +150° +210°
- E2D5BD
Wax Sculpture
- C1DBEA
≈ Algodon Azul
- D7D3EC
≈ Air Castle
사각 배색 +90° +180° +270°
- E2D5BD
Wax Sculpture
- C0DFD4
≈ Otto Ice
- CAD7EF
≈ Light Cuddle
- EACED8
≈ Petit Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.44:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.48:1 · APCA Lc 82
가장 좋은 글자색: #000000
WCAG 14.48:1 (AAA) · APCA Lc 82
Contrast pairs
코드 스니펫
CSS
:root {
--wax-sculpture: #e2d5bd;
--wax-sculpture-rgb: 226 213 189;
--wax-sculpture-oklch: oklch(0.877 0.035 82.9);
}
.element {
color: var(--wax-sculpture);
background-color: hsl(39 39% 81%);
border-color: oklch(0.877 0.035 82.9);
}Tailwind CSS v4
@theme {
--color-wax-sculpture: #e2d5bd;
--color-wax-sculpture-50: #faf5ea;
--color-wax-sculpture-100: #ede7db;
--color-wax-sculpture-200: #dbd3c4;
--color-wax-sculpture-300: #c0b6a3;
--color-wax-sculpture-400: #a99d87;
--color-wax-sculpture-500: #92846c;
--color-wax-sculpture-600: #7b705c;
--color-wax-sculpture-700: #635a49;
--color-wax-sculpture-800: #494135;
--color-wax-sculpture-900: #322d24;
--color-wax-sculpture-950: #1e1a13;
}SCSS
$wax-sculpture: #e2d5bd;
$wax-sculpture-rgb: 226, 213, 189;
$wax-sculpture-light: mix(#fff, $wax-sculpture, 20%);
$wax-sculpture-dark: mix(#000, $wax-sculpture, 20%);
.element {
color: $wax-sculpture;
box-shadow: 0 0 0 2px rgba($wax-sculpture, 0.35);
}