Couleur nommée la plus proche · #73B8CA
#73B8CA
Couleur nommée la plus proche: Glacier
#73B8CA (rgb(115 184 202), hsl(192 45% 62%), oklch(0.743 0.074 216.2)) est la plus proche de la couleur nommée Glacier. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#73B8CA
oklch(0.743 0.074 216.2)
Conversions de couleur
- HEX
- #73b8ca
- RGB
- rgb(115 184 202)
- HSL
- hsl(192 45% 62%)
- HWB
- hwb(192 45% 21%)
- OKLCH
- oklch(0.743 0.074 216.2)
- OKLab
- oklab(0.743 -0.06 -0.044)
- CIE Lab
- lab(70.7 -19.15 -16.38)
- LCH
- lch(70.7 25.2 220.5)
- CMYK
- cmyk(43% 9% 0% 21%)
Teintes · Ombres · Tons
Teintes
- 82BFCF
- 90C6D5
- 9FCDDA
- ADD4DF
- BADBE5
- C8E3EA
- D6EAEF
- E4F1F4
- F1F8FA
Ombres
- 63A0AF
- 548895
- 45717C
- 365B64
- 28454D
- 1B3137
- 0F1E22
- 050C0F
- 010202
Tons
- 75B2C2
- 78ADBB
- 7AA7B3
- 7BA1AC
- 7C9CA4
- 7E969D
- 7E9196
- 7F8B8E
- 808687
Harmonies de couleurs
Complémentaire +180°
- 73B8CA
Glacier
- D69C8B
≈ Nectarine Spice
Analogue -30° +30°
- 73B8CA
Glacier
- 73BBB3
≈ Earth Eclipse
- 85B1D8
≈ Boo Blue
Triadique +120° +240°
- 73B8CA
Glacier
- CB9ABE
≈ Peach Buff
- B9AC76
≈ Heavy Goldbrown
Complémentaire divisée +150° +210°
- 73B8CA
Glacier
- D599A4
≈ Parrot Pink
- CCA37A
≈ Golden Beige
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.22:1 · APCA Lc 44
Ag
AAASur noir
WCAG 9.43:1 · APCA Lc 58
Meilleure couleur de texte: #000000
WCAG 9.43:1 (AAA) · APCA Lc 58
Contrast pairs
Extraits de code
CSS
:root {
--glacier: #73b8ca;
--glacier-rgb: 115 184 202;
--glacier-oklch: oklch(0.743 0.074 216.2);
}
.element {
color: var(--glacier);
background-color: hsl(192 45% 62%);
border-color: oklch(0.743 0.074 216.2);
}Tailwind CSS v4
@theme {
--color-glacier: #73b8ca;
--color-glacier-50: #dffbff;
--color-glacier-100: #cdeff9;
--color-glacier-200: #b2ddea;
--color-glacier-300: #8cc1d1;
--color-glacier-400: #69aabb;
--color-glacier-500: #4492a6;
--color-glacier-600: #3b7c8c;
--color-glacier-700: #2f6370;
--color-glacier-800: #204952;
--color-glacier-900: #153339;
--color-glacier-950: #061e24;
}SCSS
$glacier: #73b8ca;
$glacier-rgb: 115, 184, 202;
$glacier-light: mix(#fff, $glacier, 20%);
$glacier-dark: mix(#000, $glacier, 20%);
.element {
color: $glacier;
box-shadow: 0 0 0 2px rgba($glacier, 0.35);
}