Couleur nommée la plus proche · #72B6D4
#72B6D4
Couleur nommée la plus proche: Milky Waves
#72B6D4 (rgb(114 182 212), hsl(198 53% 64%), oklch(0.742 0.081 227.9)) 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.
#72B6D4
oklch(0.742 0.081 227.9)
Conversions de couleur
- HEX
- #72b6d4
- RGB
- rgb(114 182 212)
- HSL
- hsl(198 53% 64%)
- HWB
- hwb(198 45% 17%)
- OKLCH
- oklch(0.742 0.081 227.9)
- OKLab
- oklab(0.742 -0.055 -0.06)
- CIE Lab
- lab(70.36 -16.37 -22.34)
- LCH
- lch(70.36 27.69 233.8)
- CMYK
- cmyk(46% 14% 0% 17%)
Teintes · Ombres · Tons
Teintes
- 81BDD8
- 90C5DD
- 9ECCE1
- ACD3E6
- BADBEA
- C8E2EE
- D6E9F2
- E3F0F7
- F1F8FB
Ombres
- 629EB8
- 53869D
- 446F83
- 365969
- 284451
- 1B303A
- 0E1D24
- 040C10
- 010202
Tons
- 75B1CB
- 77ABC3
- 79A6BA
- 7AA0B2
- 7C9BA9
- 7D96A1
- 7E9099
- 7F8B90
- 808588
Harmonies de couleurs
Complémentaire +180°
- 72B6D4
Milky Waves
- D79C7F
≈ Dazzle and Delight
Analogue -30° +30°
- 72B6D4
Milky Waves
- 68BCBE
≈ Aqua Sky
- 8CADDF
≈ Queer Blue
Triadique +120° +240°
- 72B6D4
Milky Waves
- D397B5
≈ Exotic Lilac
- B0B073
≈ Timothy Grass
Complémentaire divisée +150° +210°
- 72B6D4
Milky Waves
- DA9798
≈ Blooming Perfect
- C8A570
≈ Mustard Seed Beige
Tétradique +90° +180° +270°
- 72B6D4
Milky Waves
- C19CCD
≈ Lilac Pink
- D79C7F
≈ Dazzle and Delight
- 92B886
≈ Willow Dyed
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.24:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.35:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.35:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--milky-waves: #72b6d4;
--milky-waves-rgb: 114 182 212;
--milky-waves-oklch: oklch(0.742 0.081 227.9);
}
.element {
color: var(--milky-waves);
background-color: hsl(198 53% 64%);
border-color: oklch(0.742 0.081 227.9);
}Tailwind CSS v4
@theme {
--color-milky-waves: #72b6d4;
--color-milky-waves-50: #dffaff;
--color-milky-waves-100: #cdeefe;
--color-milky-waves-200: #b1dcf1;
--color-milky-waves-300: #8cc0d9;
--color-milky-waves-400: #69a8c4;
--color-milky-waves-500: #4491b0;
--color-milky-waves-600: #3a7a95;
--color-milky-waves-700: #2e6278;
--color-milky-waves-800: #1f4858;
--color-milky-waves-900: #15323d;
--color-milky-waves-950: #061e27;
}SCSS
$milky-waves: #72b6d4;
$milky-waves-rgb: 114, 182, 212;
$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);
}