Colore con nome · #BED1E1
Sleep Baby Sleep
Sleep Baby Sleep è #BED1E1: rgb(190 209 225), hsl(207 37% 81%), oklch(0.851 0.03 243.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sleep Baby Sleep color name →
#BED1E1
oklch(0.851 0.03 243.5)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- C4D6E4
- CBDAE7
- D1DFEA
- D8E3ED
- DEE8F0
- E5ECF3
- EBF1F6
- F2F6F9
- F8FAFC
Ombre
- A5B5C4
- 8C9BA7
- 75818B
- 5E6870
- 485056
- 33393E
- 1F2327
- 0D1012
- 020202
Toni
- B8C9D7
- B1C0CD
- ABB8C3
- A5B0B9
- 9FA8AF
- 98A0A6
- 92989C
- 8C9093
- 868889
Armonie di colore
Complementare +180°
- BED1E1
Sleep Baby Sleep
- DDCABA
≈ Pebbled Courtyard
Analogo -30° +30°
- BED1E1
Sleep Baby Sleep
- B9D4DA
≈ Light Salt Spray
- C7CDE3
≈ Lilac Bisque
Triadico +120° +240°
- BED1E1
Sleep Baby Sleep
- E1C6CC
≈ Pink Pandora
- CAD2BC
≈ Chinese Jade
Complementare divisa +150° +210°
- BED1E1
Sleep Baby Sleep
- E1C8C2
≈ Pink Water
- D5CEB8
≈ Velum Smoke
Tetradico +90° +180° +270°
- BED1E1
Sleep Baby Sleep
- DBC7D7
≈ Sleepy Kisses
- DDCABA
≈ Pebbled Courtyard
- C0D4C5
≈ Garden Statue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.56:1 · APCA Lc 26
Ag
AAASu nero
WCAG 13.39:1 · APCA Lc 77
Miglior colore del testo: #000000
WCAG 13.39:1 (AAA) · APCA Lc 77
Contrast pairs
Frammenti di codice
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);
}