Cor nomeada · #B7CADB
Baby Boots
Baby Boots é #B7CADB: rgb(183 202 219), hsl(208 33% 79%), oklch(0.83 0.032 245.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Baby Boots color name →
#B7CADB
oklch(0.83 0.032 245.2)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- BECFDF
- C5D4E2
- CCDAE6
- D3DFE9
- DBE4ED
- E2EAF1
- E9EFF4
- F0F4F8
- F8FAFB
Sombras
- 9FAFBE
- 8795A2
- 707C87
- 5A646D
- 454D54
- 31373C
- 1E2226
- 0C0F11
- 020202
Tons
- B1C2D2
- ACBBC8
- A6B3BF
- A1ACB6
- 9BA4AC
- 969DA3
- 90969A
- 8B8E92
- 858789
Harmonias de cor
Complementar +180°
- B7CADB
Baby Boots
- D6C4B2
≈ Beige Chalk
Análoga -30° +30°
- B7CADB
Baby Boots
- B1CDD4
≈ Pallid Blue
- C1C6DC
≈ Iced Lavender
Tríade +120° +240°
- B7CADB
Baby Boots
- DABFC4
≈ Mud Pink
- C2CBB5
≈ Spring Hill
Complementar dividida +150° +210°
- B7CADB
Baby Boots
- DBC1BA
≈ Reindeer
- CDC8B1
≈ Pale Beige
Tétrade +90° +180° +270°
- B7CADB
Baby Boots
- D5C0CF
≈ Purple White
- D6C4B2
≈ Beige Chalk
- B8CEBF
≈ Organza Green
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.48:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.48:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
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);
}