이름 색상 · #E7C3E7
Prom Corsage
Prom Corsage은(는) #E7C3E7: rgb(231 195 231), hsl(300 43% 84%), oklch(0.859 0.063 326.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Prom Corsage color name →
#E7C3E7
oklch(0.859 0.063 326.1)
색상 변환
- HEX
- #e7c3e7
- RGB
- rgb(231 195 231)
- HSL
- hsl(300 43% 84%)
- HWB
- hwb(300 76% 9%)
- OKLCH
- oklch(0.859 0.063 326.1)
- OKLab
- oklab(0.859 0.052 -0.035)
- CIE Lab
- lab(82.78 17.74 -12.95)
- LCH
- lch(82.78 21.96 323.9)
- CMYK
- cmyk(0% 16% 0% 9%)
틴트 · 셰이드 · 톤
틴트
- EAC9E9
- ECCFEC
- EED5EE
- F1DBF1
- F3E1F3
- F6E7F6
- F8EDF8
- FAF3FA
- FDF9FD
셰이드
- C9A9C9
- AB90AB
- 8F788F
- 736073
- 594A59
- 403440
- 282028
- 130E13
- 030203
톤
- DCBCDC
- D2B5D2
- C7AFC7
- BDA8BD
- B2A1B2
- A89AA8
- 9E949E
- 948D94
- 8A878A
색 조화
보색 +180°
- E7C3E7
Prom Corsage
- B7DCB9
≈ Grasshopper Pie
유사색 -30° +30°
- E7C3E7
Prom Corsage
- D4C9F6
≈ Soap
- F4C0D2
≈ Pink Destiny
삼각 배색 +120° +240°
- E7C3E7
Prom Corsage
- E3CFA2
≈ Lucent Yellow
- A0DDE5
≈ Charlotte
분열 보색 +150° +210°
- E7C3E7
Prom Corsage
- CED6A8
≈ Trailing Vine
- A5DFCF
≈ Meristem
사각 배색 +90° +180° +270°
- E7C3E7
Prom Corsage
- F2C7AA
≈ Citrus Sachet
- B7DCB9
≈ Grasshopper Pie
- AAD8F5
≈ Blue Rice
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.57:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.35:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.35:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--prom-corsage: #e7c3e7;
--prom-corsage-rgb: 231 195 231;
--prom-corsage-oklch: oklch(0.859 0.063 326.1);
}
.element {
color: var(--prom-corsage);
background-color: hsl(300 43% 84%);
border-color: oklch(0.859 0.063 326.1);
}Tailwind CSS v4
@theme {
--color-prom-corsage: #e7c3e7;
--color-prom-corsage-50: #ffeffe;
--color-prom-corsage-100: #f4e1f3;
--color-prom-corsage-200: #e4cbe2;
--color-prom-corsage-300: #caadc8;
--color-prom-corsage-400: #b292b3;
--color-prom-corsage-500: #9c789d;
--color-prom-corsage-600: #846684;
--color-prom-corsage-700: #6a516a;
--color-prom-corsage-800: #4d3b4f;
--color-prom-corsage-900: #362837;
--color-prom-corsage-950: #211622;
}SCSS
$prom-corsage: #e7c3e7;
$prom-corsage-rgb: 231, 195, 231;
$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);
}