Color con nombre · #C9DCE7
Blue Me Away
Blue Me Away es #C9DCE7: rgb(201 220 231), hsl(202 38% 85%), oklch(0.884 0.025 233). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Blue Me Away color name →
#C9DCE7
oklch(0.884 0.025 233)
Conversiones de color
- HEX
- #c9dce7
- RGB
- rgb(201 220 231)
- HSL
- hsl(202 38% 85%)
- HWB
- hwb(202 79% 9%)
- OKLCH
- oklch(0.884 0.025 233)
- OKLab
- oklab(0.884 -0.015 -0.02)
- CIE Lab
- lab(86.58 -4.94 -7.69)
- LCH
- lch(86.58 9.14 237.3)
- CMYK
- cmyk(13% 5% 0% 9%)
Tintes · Sombras · Tonos
Tintes
- CEDFE9
- D4E3EC
- D9E6EE
- DEEAF1
- E4EDF3
- E9F1F5
- EFF4F8
- F4F8FA
- FAFBFD
Sombras
- AEBFC9
- 95A3AB
- 7C888F
- 646E73
- 4C5459
- 363C40
- 222628
- 0F1113
- 020203
Tonos
- C1D2DC
- BAC9D2
- B3BFC7
- ABB6BD
- A4ADB2
- 9DA4A8
- 959B9E
- 8E9294
- 87898A
Armonías de color
Complementario +180°
- C9DCE7
Blue Me Away
- E7D5CA
≈ Woolly Beige
Análogo -30° +30°
- C9DCE7
Blue Me Away
- C6DEE0
≈ Light Dante Peak
- D0D9EA
≈ Hawkes Blue
Triádico +120° +240°
- C9DCE7
Blue Me Away
- E7D2DA
≈ Pink Frappé
- D8DBC8
≈ Silver Laurel
Complementario dividido +150° +210°
- C9DCE7
Blue Me Away
- E9D3D1
≈ Ash Cherry Blossom
- E1D8C6
≈ Sentimental Beige
Tetrádico +90° +180° +270°
- C9DCE7
Blue Me Away
- E1D3E3
≈ Purplish White
- E7D5CA
≈ Woolly Beige
- CFDDCE
≈ St. Augustine
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASobre negro
WCAG 14.87:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 14.87:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--blue-me-away: #c9dce7;
--blue-me-away-rgb: 201 220 231;
--blue-me-away-oklch: oklch(0.884 0.025 233);
}
.element {
color: var(--blue-me-away);
background-color: hsl(202 38% 85%);
border-color: oklch(0.884 0.025 233);
}Tailwind CSS v4
@theme {
--color-blue-me-away: #c9dce7;
--color-blue-me-away-50: #eff6fb;
--color-blue-me-away-100: #e0e9ef;
--color-blue-me-away-200: #cad6de;
--color-blue-me-away-300: #acbac3;
--color-blue-me-away-400: #90a1ab;
--color-blue-me-away-500: #768995;
--color-blue-me-away-600: #64747e;
--color-blue-me-away-700: #505d65;
--color-blue-me-away-800: #3a444a;
--color-blue-me-away-900: #282f33;
--color-blue-me-away-950: #161c1f;
}SCSS
$blue-me-away: #c9dce7;
$blue-me-away-rgb: 201, 220, 231;
$blue-me-away-light: mix(#fff, $blue-me-away, 20%);
$blue-me-away-dark: mix(#000, $blue-me-away, 20%);
.element {
color: $blue-me-away;
box-shadow: 0 0 0 2px rgba($blue-me-away, 0.35);
}