가장 가까운 이름 색상 · #E3B6E1
#E3B6E1
가장 가까운 이름 색상: Blushing Sky
#E3B6E1(rgb(227 182 225), hsl(303 45% 80%), oklch(0.829 0.077 327.7))와 가장 가까운 이름 색상은 Blushing Sky입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E3B6E1
oklch(0.829 0.077 327.7)
색상 변환
- HEX
- #e3b6e1
- RGB
- rgb(227 182 225)
- HSL
- hsl(303 45% 80%)
- HWB
- hwb(303 71% 11%)
- OKLCH
- oklch(0.829 0.077 327.7)
- OKLab
- oklab(0.829 0.065 -0.041)
- CIE Lab
- lab(79.15 22.08 -15.17)
- LCH
- lch(79.15 26.79 325.5)
- CMYK
- cmyk(0% 20% 1% 11%)
틴트 · 셰이드 · 톤
틴트
- E6BDE4
- E9C5E7
- ECCCEA
- EFD3ED
- F2DAF0
- F4E2F3
- F7E9F6
- FAF0F9
- FCF8FC
셰이드
- C59EC4
- A886A7
- 8C6F8B
- 715970
- 574456
- 3F303E
- 271D27
- 120C12
- 030202
톤
- D9B1D7
- CFABCD
- C5A6C3
- BBA0B9
- B19BAF
- A795A6
- 9D909C
- 938B93
- 8A8589
색 조화
보색 +180°
- E3B6E1
Blushing Sky
- A6D5AB
≈ Frugal
유사색 -30° +30°
- E3B6E1
Blushing Sky
- CCBDF3
≈ Connecticut Lilac
- F1B3C7
≈ Rhodonite
삼각 배색 +120° +240°
- E3B6E1
Blushing Sky
- DCC58D
≈ Lemon Sorbet Yellow
- 89D6E1
≈ Fresh Blue
분열 보색 +150° +210°
- E3B6E1
Blushing Sky
- C3CE95
≈ Dancing Green
- 8FD8C7
≈ Riptide
사각 배색 +90° +180° +270°
- E3B6E1
Blushing Sky
- EEBB96
≈ Caramel Powder
- A6D5AB
≈ Frugal
- 98CFF4
≈ Fail Whale
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.74:1 · APCA Lc 32
Ag
AAA검은색 위
WCAG 12.04:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.04:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--blushing-sky: #e3b6e1;
--blushing-sky-rgb: 227 182 225;
--blushing-sky-oklch: oklch(0.829 0.077 327.7);
}
.element {
color: var(--blushing-sky);
background-color: hsl(303 45% 80%);
border-color: oklch(0.829 0.077 327.7);
}Tailwind CSS v4
@theme {
--color-blushing-sky: #e3b6e1;
--color-blushing-sky-50: #ffeeff;
--color-blushing-sky-100: #f7dff4;
--color-blushing-sky-200: #e8c9e4;
--color-blushing-sky-300: #ceaacb;
--color-blushing-sky-400: #b88fb6;
--color-blushing-sky-500: #a274a0;
--color-blushing-sky-600: #896288;
--color-blushing-sky-700: #6e4e6d;
--color-blushing-sky-800: #503951;
--color-blushing-sky-900: #382738;
--color-blushing-sky-950: #221523;
}SCSS
$blushing-sky: #e3b6e1;
$blushing-sky-rgb: 227, 182, 225;
$blushing-sky-light: mix(#fff, $blushing-sky, 20%);
$blushing-sky-dark: mix(#000, $blushing-sky, 20%);
.element {
color: $blushing-sky;
box-shadow: 0 0 0 2px rgba($blushing-sky, 0.35);
}