이름 색상 · #E1CBDA
Diva Girl
Diva Girl은(는) #E1CBDA: rgb(225 203 218), hsl(319 27% 84%), oklch(0.865 0.032 337.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Diva Girl color name →
#E1CBDA
oklch(0.865 0.032 337.3)
색상 변환
- HEX
- #e1cbda
- RGB
- rgb(225 203 218)
- HSL
- hsl(319 27% 84%)
- HWB
- hwb(319 80% 12%)
- OKLCH
- oklch(0.865 0.032 337.3)
- OKLab
- oklab(0.865 0.029 -0.012)
- CIE Lab
- lab(83.87 9.87 -4.52)
- LCH
- lch(83.87 10.85 335.4)
- CMYK
- cmyk(0% 10% 3% 12%)
틴트 · 셰이드 · 톤
틴트
- E4D0DE
- E7D5E1
- EADAE5
- EDE0E9
- F0E5EC
- F3EAF0
- F6EFF4
- F9F4F8
- FCFAFB
셰이드
- C4B0BD
- A796A2
- 8B7D87
- 70656C
- 564D54
- 3E373C
- 272225
- 120F11
- 020202
톤
- D7C3D1
- CDBCC7
- C3B4BE
- B9ACB5
- AFA5AC
- A69DA3
- 9C969A
- 938F91
- 898789
색 조화
보색 +180°
- E1CBDA
Diva Girl
- C2D9CA
≈ Snow Goose
유사색 -30° +30°
- E1CBDA
Diva Girl
- D8CDE3
≈ Bashful Pansy
- E6CACF
≈ Cool Pink
삼각 배색 +120° +240°
- E1CBDA
Diva Girl
- D8D3BC
≈ Pale Lichen
- BCD8E0
≈ Blue Perennial
분열 보색 +150° +210°
- E1CBDA
Diva Girl
- CDD7C1
≈ Hawthorne
- BCDAD6
≈ Meander Blue
사각 배색 +90° +180° +270°
- E1CBDA
Diva Girl
- E1CFBD
≈ Shetland Lace
- C2D9CA
≈ Snow Goose
- C3D5E7
≈ Lull Wind
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.52:1 · APCA Lc 24
Ag
AAA검은색 위
WCAG 13.75:1 · APCA Lc 79
가장 좋은 글자색: #000000
WCAG 13.75:1 (AAA) · APCA Lc 79
Contrast pairs
코드 스니펫
CSS
:root {
--diva-girl: #e1cbda;
--diva-girl-rgb: 225 203 218;
--diva-girl-oklch: oklch(0.865 0.032 337.3);
}
.element {
color: var(--diva-girl);
background-color: hsl(319 27% 84%);
border-color: oklch(0.865 0.032 337.3);
}Tailwind CSS v4
@theme {
--color-diva-girl: #e1cbda;
--color-diva-girl-50: #fcf2f8;
--color-diva-girl-100: #f0e4eb;
--color-diva-girl-200: #decfd9;
--color-diva-girl-300: #c3b1bd;
--color-diva-girl-400: #ab98a5;
--color-diva-girl-500: #957e8e;
--color-diva-girl-600: #7e6b78;
--color-diva-girl-700: #655660;
--color-diva-girl-800: #4a3e47;
--color-diva-girl-900: #332b31;
--color-diva-girl-950: #1f181d;
}SCSS
$diva-girl: #e1cbda;
$diva-girl-rgb: 225, 203, 218;
$diva-girl-light: mix(#fff, $diva-girl, 20%);
$diva-girl-dark: mix(#000, $diva-girl, 20%);
.element {
color: $diva-girl;
box-shadow: 0 0 0 2px rgba($diva-girl, 0.35);
}