이름 색상 · #D4D8ED
Sachet Cushion
Sachet Cushion은(는) #D4D8ED: rgb(212 216 237), hsl(230 41% 88%), oklch(0.886 0.029 277.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sachet Cushion color name →
#D4D8ED
oklch(0.886 0.029 277.2)
색상 변환
- HEX
- #d4d8ed
- RGB
- rgb(212 216 237)
- HSL
- hsl(230 41% 88%)
- HWB
- hwb(230 83% 7%)
- OKLCH
- oklch(0.886 0.029 277.2)
- OKLab
- oklab(0.886 0.004 -0.029)
- CIE Lab
- lab(86.51 1.61 -10.83)
- LCH
- lch(86.51 10.95 278.4)
- CMYK
- cmyk(11% 9% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- D8DCEF
- DCE0F1
- E1E4F2
- E5E8F4
- E9EBF6
- EEEFF8
- F2F3FA
- F6F7FB
- FBFBFD
셰이드
- B8BCCE
- 9DA0B0
- 838593
- 696B77
- 51535C
- 3A3B42
- 24252A
- 101114
- 020203
톤
- CBCFE2
- C3C6D6
- BABDCB
- B1B4C0
- A9ABB5
- A1A2AA
- 989A9F
- 909195
- 88888A
색 조화
보색 +180°
- D4D8ED
Sachet Cushion
- DEDAC4
≈ I Miss You
유사색 -30° +30°
- D4D8ED
Sachet Cushion
- CBDCEC
≈ Alaskan Skies
- DED5E9
≈ Light Purity
삼각 배색 +120° +240°
- D4D8ED
Sachet Cushion
- ECD3CC
≈ Fine Alabaster
- CADFD2
≈ Ruins of Civilization
분열 보색 +150° +210°
- D4D8ED
Sachet Cushion
- E7D6C6
≈ Silver Thistle Beige
- D4DDC9
≈ Silver Laurel
사각 배색 +90° +180° +270°
- D4D8ED
Sachet Cushion
- ECD2D6
≈ Light Light Blush
- DEDAC4
≈ I Miss You
- C5E0DC
≈ Hushed Green
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.41:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.84:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.84:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--sachet-cushion: #d4d8ed;
--sachet-cushion-rgb: 212 216 237;
--sachet-cushion-oklch: oklch(0.886 0.029 277.2);
}
.element {
color: var(--sachet-cushion);
background-color: hsl(230 41% 88%);
border-color: oklch(0.886 0.029 277.2);
}Tailwind CSS v4
@theme {
--color-sachet-cushion: #d4d8ed;
--color-sachet-cushion-50: #f3f4fe;
--color-sachet-cushion-100: #e5e7f2;
--color-sachet-cushion-200: #d1d3e1;
--color-sachet-cushion-300: #b4b6c7;
--color-sachet-cushion-400: #9a9db0;
--color-sachet-cushion-500: #81859a;
--color-sachet-cushion-600: #6d7082;
--color-sachet-cushion-700: #575a68;
--color-sachet-cushion-800: #3f424d;
--color-sachet-cushion-900: #2c2d35;
--color-sachet-cushion-950: #191a20;
}SCSS
$sachet-cushion: #d4d8ed;
$sachet-cushion-rgb: 212, 216, 237;
$sachet-cushion-light: mix(#fff, $sachet-cushion, 20%);
$sachet-cushion-dark: mix(#000, $sachet-cushion, 20%);
.element {
color: $sachet-cushion;
box-shadow: 0 0 0 2px rgba($sachet-cushion, 0.35);
}