Cor nomeada mais próxima · #78B3D5
#78B3D5
Cor nomeada mais próxima: Milky Waves
#78B3D5 (rgb(120 179 213), hsl(202 53% 65%), oklch(0.739 0.079 234.6)) é mais próxima da cor nomeada Milky Waves. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#78B3D5
oklch(0.739 0.079 234.6)
Conversões de cor
- HEX
- #78b3d5
- RGB
- rgb(120 179 213)
- HSL
- hsl(202 53% 65%)
- HWB
- hwb(202 47% 16%)
- OKLCH
- oklch(0.739 0.079 234.6)
- OKLab
- oklab(0.739 -0.046 -0.064)
- CIE Lab
- lab(69.84 -13.11 -23.63)
- LCH
- lch(69.84 27.03 241)
- CMYK
- cmyk(44% 16% 0% 16%)
Tons claros · Sombras · Tons
Tons claros
- 86BBD9
- 94C2DE
- A1CAE2
- AFD1E6
- BCD9EA
- C9E1EF
- D7E8F3
- E4F0F7
- F2F7FB
Sombras
- 679BB9
- 57849E
- 486E83
- 39586A
- 2A4351
- 1D2F3A
- 101D24
- 050C10
- 010102
Tons
- 7AAECC
- 7BA9C4
- 7CA4BB
- 7D9FB3
- 7E9AAA
- 7F94A2
- 7F8F99
- 808A91
- 808588
Harmonias de cor
Complementar +180°
- 78B3D5
Milky Waves
- D29E7B
≈ Darling Clementine
Análoga -30° +30°
- 78B3D5
Milky Waves
- 6AB9C2
≈ Azul Turquesa
- 92AADD
≈ Black Drop
Tríade +120° +240°
- 78B3D5
Milky Waves
- D396AD
≈ Exotic Lilac
- A9B177
≈ Timothy Grass
Complementar dividida +150° +210°
- 78B3D5
Milky Waves
- D89792
≈ Petite Orchid
- C2A770
≈ Hay Yellow
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASobre preto
WCAG 9.20:1 · APCA Lc 57
Melhor cor de texto: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Trechos de código
CSS
:root {
--milky-waves: #78b3d5;
--milky-waves-rgb: 120 179 213;
--milky-waves-oklch: oklch(0.739 0.079 234.6);
}
.element {
color: var(--milky-waves);
background-color: hsl(202 53% 65%);
border-color: oklch(0.739 0.079 234.6);
}Tailwind CSS v4
@theme {
--color-milky-waves: #78b3d5;
--color-milky-waves-50: #e1f9ff;
--color-milky-waves-100: #d0edff;
--color-milky-waves-200: #b5daf2;
--color-milky-waves-300: #91bedb;
--color-milky-waves-400: #6fa6c6;
--color-milky-waves-500: #4d8fb3;
--color-milky-waves-600: #427997;
--color-milky-waves-700: #356179;
--color-milky-waves-800: #244759;
--color-milky-waves-900: #18313e;
--color-milky-waves-950: #081d27;
}SCSS
$milky-waves: #78b3d5;
$milky-waves-rgb: 120, 179, 213;
$milky-waves-light: mix(#fff, $milky-waves, 20%);
$milky-waves-dark: mix(#000, $milky-waves, 20%);
.element {
color: $milky-waves;
box-shadow: 0 0 0 2px rgba($milky-waves, 0.35);
}