Color con nombre más cercano · #78B3D5
#78B3D5
Color con nombre más cercano: Milky Waves
#78B3D5 (rgb(120 179 213), hsl(202 53% 65%), oklch(0.739 0.079 234.6)) se parece más al color con nombre Milky Waves. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#78B3D5
oklch(0.739 0.079 234.6)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 86BBD9
- 94C2DE
- A1CAE2
- AFD1E6
- BCD9EA
- C9E1EF
- D7E8F3
- E4F0F7
- F2F7FB
Sombras
- 679BB9
- 57849E
- 486E83
- 39586A
- 2A4351
- 1D2F3A
- 101D24
- 050C10
- 010102
Tonos
- 7AAECC
- 7BA9C4
- 7CA4BB
- 7D9FB3
- 7E9AAA
- 7F94A2
- 7F8F99
- 808A91
- 808588
Armonías de color
Complementario +180°
- 78B3D5
Milky Waves
- D29E7B
≈ Darling Clementine
Análogo -30° +30°
- 78B3D5
Milky Waves
- 6AB9C2
≈ Azul Turquesa
- 92AADD
≈ Black Drop
Triádico +120° +240°
- 78B3D5
Milky Waves
- D396AD
≈ Exotic Lilac
- A9B177
≈ Timothy Grass
Complementario dividido +150° +210°
- 78B3D5
Milky Waves
- D89792
≈ Petite Orchid
- C2A770
≈ Hay Yellow
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASobre negro
WCAG 9.20:1 · APCA Lc 57
Mejor color de texto: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmentos 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);
}