가장 가까운 이름 색상 · #E3C7BB
#E3C7BB
가장 가까운 이름 색상: Humble Blush
#E3C7BB(rgb(227 199 187), hsl(18 42% 81%), oklch(0.85 0.036 44.6))와 가장 가까운 이름 색상은 Humble Blush입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E3C7BB
oklch(0.85 0.036 44.6)
색상 변환
- HEX
- #e3c7bb
- RGB
- rgb(227 199 187)
- HSL
- hsl(18 42% 81%)
- HWB
- hwb(18 73% 11%)
- OKLCH
- oklch(0.85 0.036 44.6)
- OKLab
- oklab(0.85 0.026 0.025)
- CIE Lab
- lab(82.4 8.79 9.85)
- LCH
- lch(82.4 13.2 48.2)
- CMYK
- cmyk(0% 12% 18% 11%)
틴트 · 셰이드 · 톤
틴트
- E6CDC2
- E9D2C8
- ECD8CF
- EEDDD6
- F1E3DD
- F4E8E3
- F7EEEA
- FAF4F1
- FCF9F8
셰이드
- C5ADA2
- A8938A
- 8C7A73
- 71625C
- 574C46
- 3F3632
- 27211F
- 120E0D
- 030202
톤
- D9C0B5
- CFB8AF
- C4B1A9
- BAAAA3
- B0A39D
- A79C97
- 9D9591
- 938E8C
- 8A8786
색 조화
보색 +180°
- E3C7BB
Humble Blush
- B6D3E0
≈ Pale Whale
유사색 -30° +30°
- E3C7BB
Humble Blush
- E4C5C6
≈ Cranapple Cream
- DCCBB5
≈ Creamy Cappuccino
삼각 배색 +120° +240°
- E3C7BB
Humble Blush
- B9D6C8
≈ Gemini
- CBCBE5
≈ Foggy Plateau
분열 보색 +150° +210°
- E3C7BB
Humble Blush
- B4D6D5
≈ Dante Peak
- BED0E5
≈ Misty Mountains
사각 배색 +90° +180° +270°
- E3C7BB
Humble Blush
- C4D3BC
≈ Surf Crest
- B6D3E0
≈ Pale Whale
- D7C7DE
≈ Watercolour Grape
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.15:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.15:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--humble-blush: #e3c7bb;
--humble-blush-rgb: 227 199 187;
--humble-blush-oklch: oklch(0.85 0.036 44.6);
}
.element {
color: var(--humble-blush);
background-color: hsl(18 42% 81%);
border-color: oklch(0.85 0.036 44.6);
}Tailwind CSS v4
@theme {
--color-humble-blush: #e3c7bb;
--color-humble-blush-50: #fff2ed;
--color-humble-blush-100: #f3e5de;
--color-humble-blush-200: #e2d0c8;
--color-humble-blush-300: #c8b2a8;
--color-humble-blush-400: #b2988d;
--color-humble-blush-500: #9b7f73;
--color-humble-blush-600: #836c61;
--color-humble-blush-700: #69564e;
--color-humble-blush-800: #4e3f39;
--color-humble-blush-900: #362b27;
--color-humble-blush-950: #211815;
}SCSS
$humble-blush: #e3c7bb;
$humble-blush-rgb: 227, 199, 187;
$humble-blush-light: mix(#fff, $humble-blush, 20%);
$humble-blush-dark: mix(#000, $humble-blush, 20%);
.element {
color: $humble-blush;
box-shadow: 0 0 0 2px rgba($humble-blush, 0.35);
}