가장 가까운 이름 색상 · #E0C6E8
#E0C6E8
가장 가까운 이름 색상: Prom Corsage
#E0C6E8(rgb(224 198 232), hsl(286 42% 84%), oklch(0.859 0.054 318.2))와 가장 가까운 이름 색상은 Prom Corsage입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#E0C6E8
oklch(0.859 0.054 318.2)
색상 변환
- HEX
- #e0c6e8
- RGB
- rgb(224 198 232)
- HSL
- hsl(286 42% 84%)
- HWB
- hwb(286 78% 9%)
- OKLCH
- oklch(0.859 0.054 318.2)
- OKLab
- oklab(0.859 0.04 -0.036)
- CIE Lab
- lab(82.89 13.93 -13.4)
- LCH
- lch(82.89 19.33 316.1)
- CMYK
- cmyk(3% 15% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- E3CCEA
- E6D1ED
- E9D7EF
- ECDDF1
- F0E2F4
- F3E8F6
- F6EEF8
- F9F3FB
- FCF9FD
셰이드
- C3ACCA
- A692AC
- 8A7A90
- 706274
- 564B59
- 3E3540
- 272129
- 120E13
- 020203
톤
- D6BFDD
- CCB8D2
- C2B1C8
- B9A9BD
- AFA2B3
- A59BA8
- 9C959E
- 928E94
- 89878A
색 조화
보색 +180°
- E0C6E8
Prom Corsage
- C0DAB7
≈ Grasshopper Pie
유사색 -30° +30°
- E0C6E8
Prom Corsage
- CECCF3
≈ Miami White
- EDC3D7
≈ Tussie-Mussie
삼각 배색 +120° +240°
- E0C6E8
Prom Corsage
- E4CDA9
≈ Dried Plantain
- A7DCDD
≈ Aqua Spray
분열 보색 +150° +210°
- E0C6E8
Prom Corsage
- D3D4AB
≈ Cream Cheese Avocado
- AFDDCA
≈ Brook Green
사각 배색 +90° +180° +270°
- E0C6E8
Prom Corsage
- EFC7B2
≈ Sweet Pastel
- C0DAB7
≈ Grasshopper Pie
- ACD8ED
≈ Blue Feather
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.41:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.41:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--prom-corsage: #e0c6e8;
--prom-corsage-rgb: 224 198 232;
--prom-corsage-oklch: oklch(0.859 0.054 318.2);
}
.element {
color: var(--prom-corsage);
background-color: hsl(286 42% 84%);
border-color: oklch(0.859 0.054 318.2);
}Tailwind CSS v4
@theme {
--color-prom-corsage: #e0c6e8;
--color-prom-corsage-50: #fcf0ff;
--color-prom-corsage-100: #f0e2f3;
--color-prom-corsage-200: #dfcde3;
--color-prom-corsage-300: #c4afc9;
--color-prom-corsage-400: #ac95b3;
--color-prom-corsage-500: #967b9e;
--color-prom-corsage-600: #7e6885;
--color-prom-corsage-700: #65536b;
--color-prom-corsage-800: #4a3d4f;
--color-prom-corsage-900: #332a37;
--color-prom-corsage-950: #1f1722;
}SCSS
$prom-corsage: #e0c6e8;
$prom-corsage-rgb: 224, 198, 232;
$prom-corsage-light: mix(#fff, $prom-corsage, 20%);
$prom-corsage-dark: mix(#000, $prom-corsage, 20%);
.element {
color: $prom-corsage;
box-shadow: 0 0 0 2px rgba($prom-corsage, 0.35);
}