Color con nombre · #B8D6D7
Skylight
Skylight es #B8D6D7: rgb(184 214 215), hsl(182 28% 78%), oklch(0.854 0.032 199). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Skylight color name →
#B8D6D7
oklch(0.854 0.032 199)
Conversiones de color
- HEX
- #b8d6d7
- RGB
- rgb(184 214 215)
- HSL
- hsl(182 28% 78%)
- HWB
- hwb(182 72% 16%)
- OKLCH
- oklch(0.854 0.032 199)
- OKLab
- oklab(0.854 -0.03 -0.01)
- CIE Lab
- lab(83.44 -10.16 -4.03)
- LCH
- lch(83.44 10.93 201.6)
- CMYK
- cmyk(14% 0% 0% 16%)
Tintes · Sombras · Tonos
Tintes
- BFDADB
- C6DEDF
- CDE2E3
- D4E6E7
- DBEAEB
- E3EFEF
- EAF3F3
- F1F7F7
- F8FBFB
Sombras
- A0BABB
- 889E9F
- 718485
- 5B6A6B
- 455252
- 313B3B
- 1E2525
- 0C1011
- 020202
Tonos
- B2CDCE
- ADC4C5
- A7BBBC
- A1B3B3
- 9CAAAA
- 96A1A2
- 919999
- 8B9191
- 868888
Armonías de color
Complementario +180°
- B8D6D7
Skylight
- E4C7C7
≈ Girl Talk
Análogo -30° +30°
- B8D6D7
Skylight
- BCD6CC
≈ Soft Fresco
- BBD4E0
≈ Pale Aqua
Triádico +120° +240°
- B8D6D7
Skylight
- D9C9DD
≈ Hampstead Heath
- DBCDB8
≈ Palest Satin
Complementario dividido +150° +210°
- B8D6D7
Skylight
- E0C7D2
≈ Tinted Rosewood
- E2CABD
≈ Sultan Sand
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.53:1 · APCA Lc 25
Ag
AAASobre negro
WCAG 13.63:1 · APCA Lc 78
Mejor color de texto: #000000
WCAG 13.63:1 (AAA) · APCA Lc 78
Contrast pairs
Fragmentos de código
CSS
:root {
--skylight: #b8d6d7;
--skylight-rgb: 184 214 215;
--skylight-oklch: oklch(0.854 0.032 199);
}
.element {
color: var(--skylight);
background-color: hsl(182 28% 78%);
border-color: oklch(0.854 0.032 199);
}Tailwind CSS v4
@theme {
--color-skylight: #b8d6d7;
--color-skylight-50: #ebf8f9;
--color-skylight-100: #dcebec;
--color-skylight-200: #c5d9da;
--color-skylight-300: #a5bdbe;
--color-skylight-400: #89a5a5;
--color-skylight-500: #6e8d8e;
--color-skylight-600: #5d7778;
--color-skylight-700: #4a5f60;
--color-skylight-800: #364646;
--color-skylight-900: #253031;
--color-skylight-950: #131d1d;
}SCSS
$skylight: #b8d6d7;
$skylight-rgb: 184, 214, 215;
$skylight-light: mix(#fff, $skylight, 20%);
$skylight-dark: mix(#000, $skylight, 20%);
.element {
color: $skylight;
box-shadow: 0 0 0 2px rgba($skylight, 0.35);
}