Cor nomeada · #959EB7
Skyline
Skyline é #959EB7: rgb(149 158 183), hsl(224 19% 65%), oklch(0.7 0.038 269.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Skyline color name →
#959EB7
oklch(0.7 0.038 269.7)
Conversões de cor
- HEX
- #959eb7
- RGB
- rgb(149 158 183)
- HSL
- hsl(224 19% 65%)
- HWB
- hwb(224 58% 28%)
- OKLCH
- oklch(0.7 0.038 269.7)
- OKLab
- oklab(0.7 0 -0.038)
- CIE Lab
- lab(65.02 0.7 -14.16)
- LCH
- lch(65.02 14.17 272.8)
- CMYK
- cmyk(19% 14% 0% 28%)
Tons claros · Sombras · Tons
Tons claros
- 9FA7BE
- A9B1C5
- B4BACC
- BEC4D4
- C9CEDB
- D3D7E2
- DEE1E9
- E9EBF0
- F4F5F8
Sombras
- 81899F
- 6D7487
- 5A6070
- 484D5A
- 373A45
- 262931
- 16181E
- 08090C
- 010102
Tons
- 939BB1
- 9198AC
- 8F95A6
- 8D92A1
- 8A8F9B
- 888C96
- 868990
- 84868B
- 828385
Harmonias de cor
Complementar +180°
- 959EB7
Skyline
- A89E84
≈ Tent Green
Análoga -30° +30°
- 959EB7
Skyline
- 8AA2B4
≈ Favourite Jeans
- A29AB3
≈ Logan
Tríade +120° +240°
- 959EB7
Skyline
- B59691
≈ Nude Lips
- 8FA692
≈ OMGreen
Complementar dividida +150° +210°
- 959EB7
Skyline
- B19987
≈ Woodland Stone
- 9BA288
≈ Edamame
Tétrade +90° +180° +270°
- 959EB7
Skyline
- B4959E
≈ Deep South
- A89E84
≈ Tent Green
- 86A79F
≈ Scenario
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.67:1 · APCA Lc 52
Ag
AAASobre preto
WCAG 7.85:1 · APCA Lc 50
Melhor cor de texto: #000000
WCAG 7.85:1 (AAA) · APCA Lc 50
Contrast pairs
Trechos de código
CSS
:root {
--skyline: #959eb7;
--skyline-rgb: 149 158 183;
--skyline-oklch: oklch(0.7 0.038 269.7);
}
.element {
color: var(--skyline);
background-color: hsl(224 19% 65%);
border-color: oklch(0.7 0.038 269.7);
}Tailwind CSS v4
@theme {
--color-skyline: #959eb7;
--color-skyline-50: #f1f5ff;
--color-skyline-100: #e3e7f5;
--color-skyline-200: #ced4e5;
--color-skyline-300: #b0b7cc;
--color-skyline-400: #959eb6;
--color-skyline-500: #7c85a0;
--color-skyline-600: #697187;
--color-skyline-700: #545a6c;
--color-skyline-800: #3d4250;
--color-skyline-900: #2a2e38;
--color-skyline-950: #171a22;
}SCSS
$skyline: #959eb7;
$skyline-rgb: 149, 158, 183;
$skyline-light: mix(#fff, $skyline, 20%);
$skyline-dark: mix(#000, $skyline, 20%);
.element {
color: $skyline;
box-shadow: 0 0 0 2px rgba($skyline, 0.35);
}