이름 색상 · #BED1E1
Sleep Baby Sleep
Sleep Baby Sleep은(는) #BED1E1: rgb(190 209 225), hsl(207 37% 81%), oklch(0.851 0.03 243.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Sleep Baby Sleep color name →
#BED1E1
oklch(0.851 0.03 243.5)
색상 변환
- HEX
- #bed1e1
- RGB
- rgb(190 209 225)
- HSL
- hsl(207 37% 81%)
- HWB
- hwb(207 75% 12%)
- OKLCH
- oklch(0.851 0.03 243.5)
- OKLab
- oklab(0.851 -0.014 -0.027)
- CIE Lab
- lab(82.77 -4.19 -10.23)
- LCH
- lch(82.77 11.06 247.7)
- CMYK
- cmyk(16% 7% 0% 12%)
틴트 · 셰이드 · 톤
틴트
- C4D6E4
- CBDAE7
- D1DFEA
- D8E3ED
- DEE8F0
- E5ECF3
- EBF1F6
- F2F6F9
- F8FAFC
셰이드
- A5B5C4
- 8C9BA7
- 75818B
- 5E6870
- 485056
- 33393E
- 1F2327
- 0D1012
- 020202
톤
- B8C9D7
- B1C0CD
- ABB8C3
- A5B0B9
- 9FA8AF
- 98A0A6
- 92989C
- 8C9093
- 868889
색 조화
보색 +180°
- BED1E1
Sleep Baby Sleep
- DDCABA
≈ Pebbled Courtyard
유사색 -30° +30°
- BED1E1
Sleep Baby Sleep
- B9D4DA
≈ Light Salt Spray
- C7CDE3
≈ Lilac Bisque
삼각 배색 +120° +240°
- BED1E1
Sleep Baby Sleep
- E1C6CC
≈ Pink Pandora
- CAD2BC
≈ Chinese Jade
분열 보색 +150° +210°
- BED1E1
Sleep Baby Sleep
- E1C8C2
≈ Pink Water
- D5CEB8
≈ Velum Smoke
사각 배색 +90° +180° +270°
- BED1E1
Sleep Baby Sleep
- DBC7D7
≈ Sleepy Kisses
- DDCABA
≈ Pebbled Courtyard
- C0D4C5
≈ Garden Statue
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.39:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.39:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--sleep-baby-sleep: #bed1e1;
--sleep-baby-sleep-rgb: 190 209 225;
--sleep-baby-sleep-oklch: oklch(0.851 0.03 243.5);
}
.element {
color: var(--sleep-baby-sleep);
background-color: hsl(207 37% 81%);
border-color: oklch(0.851 0.03 243.5);
}Tailwind CSS v4
@theme {
--color-sleep-baby-sleep: #bed1e1;
--color-sleep-baby-sleep-50: #eef6fe;
--color-sleep-baby-sleep-100: #e0e9f2;
--color-sleep-baby-sleep-200: #cad6e1;
--color-sleep-baby-sleep-300: #abb9c6;
--color-sleep-baby-sleep-400: #90a1af;
--color-sleep-baby-sleep-500: #758999;
--color-sleep-baby-sleep-600: #647481;
--color-sleep-baby-sleep-700: #4f5d68;
--color-sleep-baby-sleep-800: #39444c;
--color-sleep-baby-sleep-900: #272f35;
--color-sleep-baby-sleep-950: #151b20;
}SCSS
$sleep-baby-sleep: #bed1e1;
$sleep-baby-sleep-rgb: 190, 209, 225;
$sleep-baby-sleep-light: mix(#fff, $sleep-baby-sleep, 20%);
$sleep-baby-sleep-dark: mix(#000, $sleep-baby-sleep, 20%);
.element {
color: $sleep-baby-sleep;
box-shadow: 0 0 0 2px rgba($sleep-baby-sleep, 0.35);
}