Colore con nome · #B7CADB
Baby Boots
Baby Boots è #B7CADB: rgb(183 202 219), hsl(208 33% 79%), oklch(0.83 0.032 245.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Baby Boots color name →
#B7CADB
oklch(0.83 0.032 245.2)
Conversioni di colore
- HEX
- #b7cadb
- RGB
- rgb(183 202 219)
- HSL
- hsl(208 33% 79%)
- HWB
- hwb(208 72% 14%)
- OKLCH
- oklch(0.83 0.032 245.2)
- OKLab
- oklab(0.83 -0.013 -0.029)
- CIE Lab
- lab(80.28 -4.05 -10.79)
- LCH
- lch(80.28 11.52 249.4)
- CMYK
- cmyk(16% 8% 0% 14%)
Tinte · Ombre · Toni
Tinte
- BECFDF
- C5D4E2
- CCDAE6
- D3DFE9
- DBE4ED
- E2EAF1
- E9EFF4
- F0F4F8
- F8FAFB
Ombre
- 9FAFBE
- 8795A2
- 707C87
- 5A646D
- 454D54
- 31373C
- 1E2226
- 0C0F11
- 020202
Toni
- B1C2D2
- ACBBC8
- A6B3BF
- A1ACB6
- 9BA4AC
- 969DA3
- 90969A
- 8B8E92
- 858789
Armonie di colore
Complementare +180°
- B7CADB
Baby Boots
- D6C4B2
≈ Beige Chalk
Analogo -30° +30°
- B7CADB
Baby Boots
- B1CDD4
≈ Pallid Blue
- C1C6DC
≈ Iced Lavender
Triadico +120° +240°
- B7CADB
Baby Boots
- DABFC4
≈ Mud Pink
- C2CBB5
≈ Spring Hill
Complementare divisa +150° +210°
- B7CADB
Baby Boots
- DBC1BA
≈ Reindeer
- CDC8B1
≈ Pale Beige
Tetradico +90° +180° +270°
- B7CADB
Baby Boots
- D5C0CF
≈ Purple White
- D6C4B2
≈ Beige Chalk
- B8CEBF
≈ Organza Green
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASu nero
WCAG 12.48:1 · APCA Lc 73
Miglior colore del testo: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--baby-boots: #b7cadb;
--baby-boots-rgb: 183 202 219;
--baby-boots-oklch: oklch(0.83 0.032 245.2);
}
.element {
color: var(--baby-boots);
background-color: hsl(208 33% 79%);
border-color: oklch(0.83 0.032 245.2);
}Tailwind CSS v4
@theme {
--color-baby-boots: #b7cadb;
--color-baby-boots-50: #eef6fe;
--color-baby-boots-100: #e0e9f2;
--color-baby-boots-200: #cad6e1;
--color-baby-boots-300: #abb9c7;
--color-baby-boots-400: #90a1b0;
--color-baby-boots-500: #75899a;
--color-baby-boots-600: #637482;
--color-baby-boots-700: #4f5d68;
--color-baby-boots-800: #39444d;
--color-baby-boots-900: #272f35;
--color-baby-boots-950: #151b20;
}SCSS
$baby-boots: #b7cadb;
$baby-boots-rgb: 183, 202, 219;
$baby-boots-light: mix(#fff, $baby-boots, 20%);
$baby-boots-dark: mix(#000, $baby-boots, 20%);
.element {
color: $baby-boots;
box-shadow: 0 0 0 2px rgba($baby-boots, 0.35);
}