Cor nomeada · #8CB0CB
Windy Day
Windy Day é #8CB0CB: rgb(140 176 203), hsl(206 38% 67%), oklch(0.74 0.055 240.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Windy Day color name →
#8CB0CB
oklch(0.74 0.055 240.9)
Conversões de cor
- HEX
- #8cb0cb
- RGB
- rgb(140 176 203)
- HSL
- hsl(206 38% 67%)
- HWB
- hwb(206 55% 20%)
- OKLCH
- oklch(0.74 0.055 240.9)
- OKLab
- oklab(0.74 -0.027 -0.048)
- CIE Lab
- lab(69.88 -7.82 -17.99)
- LCH
- lch(69.88 19.61 246.5)
- CMYK
- cmyk(31% 13% 0% 20%)
Tons claros · Sombras · Tons
Tons claros
- 97B8D0
- A3C0D5
- AEC7DB
- B9CFE0
- C5D7E5
- D0DFEA
- DCE7F0
- E8EFF5
- F3F7FA
Sombras
- 7999B0
- 678296
- 556C7D
- 435665
- 33424D
- 232E37
- 141C22
- 070B0F
- 010102
Tons
- 8BABC3
- 8AA6BC
- 89A1B4
- 889DAD
- 8798A5
- 85939E
- 848E96
- 838A8F
- 818587
Harmonias de cor
Complementar +180°
- 8CB0CB
Windy Day
- C5A388
≈ Pacific Bluffs
Análoga -30° +30°
- 8CB0CB
Windy Day
- 82B5BF
≈ Lifeboat Blue
- 9EAACF
≈ Lilac Scent Soft Blue
Tríade +120° +240°
- 8CB0CB
Windy Day
- CA9DA9
≈ Edwardian Rose
- A5B18A
≈ Filigree Green
Complementar dividida +150° +210°
- 8CB0CB
Windy Day
- CC9E96
≈ Aged Pink
- B8AA83
≈ Barbados Beige
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.18:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.18:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
CSS
:root {
--windy-day: #8cb0cb;
--windy-day-rgb: 140 176 203;
--windy-day-oklch: oklch(0.74 0.055 240.9);
}
.element {
color: var(--windy-day);
background-color: hsl(206 38% 67%);
border-color: oklch(0.74 0.055 240.9);
}Tailwind CSS v4
@theme {
--color-windy-day: #8cb0cb;
--color-windy-day-50: #e8f7ff;
--color-windy-day-100: #d9ebf9;
--color-windy-day-200: #c1d8eb;
--color-windy-day-300: #a0bbd2;
--color-windy-day-400: #81a3bd;
--color-windy-day-500: #658ba8;
--color-windy-day-600: #56768e;
--color-windy-day-700: #445e72;
--color-windy-day-800: #304554;
--color-windy-day-900: #21303a;
--color-windy-day-950: #101c24;
}SCSS
$windy-day: #8cb0cb;
$windy-day-rgb: 140, 176, 203;
$windy-day-light: mix(#fff, $windy-day, 20%);
$windy-day-dark: mix(#000, $windy-day, 20%);
.element {
color: $windy-day;
box-shadow: 0 0 0 2px rgba($windy-day, 0.35);
}