이름 색상 · #DED0D8
Light Bassinet
Light Bassinet은(는) #DED0D8: rgb(222 208 216), hsl(326 18% 84%), oklch(0.871 0.019 342.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Bassinet color name →
#DED0D8
oklch(0.871 0.019 342.1)
색상 변환
- HEX
- #ded0d8
- RGB
- rgb(222 208 216)
- HSL
- hsl(326 18% 84%)
- HWB
- hwb(326 82% 13%)
- OKLCH
- oklch(0.871 0.019 342.1)
- OKLab
- oklab(0.871 0.018 -0.006)
- CIE Lab
- lab(84.81 6.05 -2.14)
- LCH
- lch(84.81 6.42 340.6)
- CMYK
- cmyk(0% 6% 3% 13%)
틴트 · 셰이드 · 톤
틴트
- E1D5DC
- E5D9E0
- E8DEE4
- EBE3E7
- EEE7EB
- F2ECEF
- F5F1F3
- F8F5F7
- FCFAFB
셰이드
- C1B5BC
- A59AA0
- 898085
- 6F676B
- 554F53
- 3D393B
- 262325
- 121011
- 020202
톤
- D4C8CF
- CABFC6
- C1B7BD
- B7AFB4
- AEA7AB
- A59FA2
- 9B979A
- 928F91
- 898888
색 조화
보색 +180°
- DED0D8
Light Bassinet
- CAD9D1
≈ Soft Haze
유사색 -30° +30°
- DED0D8
Light Bassinet
- D9D1DE
≈ Spun Moonbeams
- E1D0D1
≈ Light Sprig Muslin
삼각 배색 +120° +240°
- DED0D8
Light Bassinet
- D7D5C7
≈ Plume Grass
- C8D8DE
≈ Wan Blue
분열 보색 +150° +210°
- DED0D8
Light Bassinet
- D0D7CB
≈ Aspen Mist
- C7D9D8
≈ Offshore Mist
사각 배색 +90° +180° +270°
- DED0D8
Light Bassinet
- DDD3C8
≈ Warm Fog
- CAD9D1
≈ Soft Haze
- CCD6E1
≈ Blue Reflection
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.48:1 · APCA Lc 23
Ag
AAA검은색 위
WCAG 14.11:1 · APCA Lc 80
가장 좋은 글자색: #000000
WCAG 14.11:1 (AAA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--light-bassinet: #ded0d8;
--light-bassinet-rgb: 222 208 216;
--light-bassinet-oklch: oklch(0.871 0.019 342.1);
}
.element {
color: var(--light-bassinet);
background-color: hsl(326 18% 84%);
border-color: oklch(0.871 0.019 342.1);
}Tailwind CSS v4
@theme {
--color-light-bassinet: #ded0d8;
--color-light-bassinet-50: #f9f3f6;
--color-light-bassinet-100: #ede5e9;
--color-light-bassinet-200: #dad1d6;
--color-light-bassinet-300: #bfb4ba;
--color-light-bassinet-400: #a79aa1;
--color-light-bassinet-500: #90818a;
--color-light-bassinet-600: #796e74;
--color-light-bassinet-700: #61585d;
--color-light-bassinet-800: #474044;
--color-light-bassinet-900: #312c2f;
--color-light-bassinet-950: #1d191c;
}SCSS
$light-bassinet: #ded0d8;
$light-bassinet-rgb: 222, 208, 216;
$light-bassinet-light: mix(#fff, $light-bassinet, 20%);
$light-bassinet-dark: mix(#000, $light-bassinet, 20%);
.element {
color: $light-bassinet;
box-shadow: 0 0 0 2px rgba($light-bassinet, 0.35);
}