Couleur nommée la plus proche · #78B3D5
#78B3D5
Couleur nommée la plus proche: Milky Waves
#78B3D5 (rgb(120 179 213), hsl(202 53% 65%), oklch(0.739 0.079 234.6)) est la plus proche de la couleur nommée Milky Waves. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#78B3D5
oklch(0.739 0.079 234.6)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 86BBD9
- 94C2DE
- A1CAE2
- AFD1E6
- BCD9EA
- C9E1EF
- D7E8F3
- E4F0F7
- F2F7FB
Ombres
- 679BB9
- 57849E
- 486E83
- 39586A
- 2A4351
- 1D2F3A
- 101D24
- 050C10
- 010102
Tons
- 7AAECC
- 7BA9C4
- 7CA4BB
- 7D9FB3
- 7E9AAA
- 7F94A2
- 7F8F99
- 808A91
- 808588
Harmonies de couleurs
Complémentaire +180°
- 78B3D5
Milky Waves
- D29E7B
≈ Darling Clementine
Analogue -30° +30°
- 78B3D5
Milky Waves
- 6AB9C2
≈ Azul Turquesa
- 92AADD
≈ Black Drop
Triadique +120° +240°
- 78B3D5
Milky Waves
- D396AD
≈ Exotic Lilac
- A9B177
≈ Timothy Grass
Complémentaire divisée +150° +210°
- 78B3D5
Milky Waves
- D89792
≈ Petite Orchid
- C2A770
≈ Hay Yellow
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.28:1 · APCA Lc 45
Ag
AAASur noir
WCAG 9.20:1 · APCA Lc 57
Meilleure couleur de texte: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Extraits de code
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);
}