이름 색상 · #E0D5E3
Coin Purse
Coin Purse은(는) #E0D5E3: rgb(224 213 227), hsl(287 20% 86%), oklch(0.886 0.022 319). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Coin Purse color name →
#E0D5E3
oklch(0.886 0.022 319)
색상 변환
- HEX
- #e0d5e3
- RGB
- rgb(224 213 227)
- HSL
- hsl(287 20% 86%)
- HWB
- hwb(287 84% 11%)
- OKLCH
- oklch(0.886 0.022 319)
- OKLab
- oklab(0.886 0.017 -0.015)
- CIE Lab
- lab(86.48 5.78 -5.49)
- LCH
- lch(86.48 7.97 316.5)
- CMYK
- cmyk(1% 6% 0% 11%)
틴트 · 셰이드 · 톤
틴트
- E3D9E6
- E6DDE9
- E9E1EB
- ECE6EE
- EFEAF1
- F3EEF4
- F6F2F7
- F9F7F9
- FCFBFC
셰이드
- C3B9C5
- A69EA8
- 8A838C
- 706A71
- 565157
- 3E3A3F
- 272427
- 121012
- 020203
톤
- D6CCD9
- CCC3CE
- C2BBC4
- B8B2BA
- AFAAB0
- A5A1A6
- 9C999D
- 929093
- 898889
색 조화
보색 +180°
- E0D5E3
Coin Purse
- D2DDCF
≈ Healthy Wealthy and Wise
유사색 -30° +30°
- E0D5E3
Coin Purse
- D8D7E8
≈ Perfection
- E6D4DC
≈ Swiss Rose
삼각 배색 +120° +240°
- E0D5E3
Coin Purse
- E2D8C9
≈ Maybe Mushroom
- C9DEDF
≈ Light Relax
분열 보색 +150° +210°
- E0D5E3
Coin Purse
- DADBCA
≈ Cool Runnings
- CCDED7
≈ Light Quaver
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.41:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.79:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.79:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--coin-purse: #e0d5e3;
--coin-purse-rgb: 224 213 227;
--coin-purse-oklch: oklch(0.886 0.022 319);
}
.element {
color: var(--coin-purse);
background-color: hsl(287 20% 86%);
border-color: oklch(0.886 0.022 319);
}Tailwind CSS v4
@theme {
--color-coin-purse: #e0d5e3;
--color-coin-purse-50: #f8f3f9;
--color-coin-purse-100: #ebe6ec;
--color-coin-purse-200: #d9d1da;
--color-coin-purse-300: #bdb4be;
--color-coin-purse-400: #a49aa7;
--color-coin-purse-500: #8d8290;
--color-coin-purse-600: #776e7a;
--color-coin-purse-700: #5f5861;
--color-coin-purse-800: #464048;
--color-coin-purse-900: #302c32;
--color-coin-purse-950: #1c191e;
}SCSS
$coin-purse: #e0d5e3;
$coin-purse-rgb: 224, 213, 227;
$coin-purse-light: mix(#fff, $coin-purse, 20%);
$coin-purse-dark: mix(#000, $coin-purse, 20%);
.element {
color: $coin-purse;
box-shadow: 0 0 0 2px rgba($coin-purse, 0.35);
}