Couleur nommée la plus proche · #32A5DC
#32A5DC
Couleur nommée la plus proche: Thalassophile
#32A5DC (rgb(50 165 220), hsl(199 71% 53%), oklch(0.683 0.128 234.4)) est la plus proche de la couleur nommée Thalassophile. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#32A5DC
oklch(0.683 0.128 234.4)
Conversions de couleur
- HEX
- #32a5dc
- RGB
- rgb(50 165 220)
- HSL
- hsl(199 71% 53%)
- HWB
- hwb(199 20% 14%)
- OKLCH
- oklch(0.683 0.128 234.4)
- OKLab
- oklab(0.683 -0.074 -0.104)
- CIE Lab
- lab(63.36 -18.55 -37.67)
- LCH
- lch(63.36 41.99 243.8)
- CMYK
- cmyk(77% 25% 0% 14%)
Teintes · Ombres · Tons
Teintes
- 4FAEE0
- 66B7E4
- 7CC1E8
- 8FCAEB
- A3D3EF
- B5DCF2
- C8E5F6
- DAEDF9
- EDF6FC
Ombres
- 2A8FBF
- 2279A3
- 1B6588
- 14516E
- 0D3D54
- 072B3C
- 031A26
- 010A11
- 000102
Tons
- 41A2D3
- 4D9ECA
- 569BC0
- 5E97B7
- 6593AE
- 6C90A5
- 728C9C
- 778892
- 7C8489
Harmonies de couleurs
Complémentaire +180°
- 32A5DC
Thalassophile
- D58246
≈ Seraphim Sepia
Analogue -30° +30°
- 32A5DC
Thalassophile
- 00ADBB
≈ Placid Sea
- 7197E8
≈ Guilliman Blue
Triadique +120° +240°
- 32A5DC
Thalassophile
- D6769E
≈ Wild Orchid
- 98A23A
≈ Pickled Cucumber
Complémentaire divisée +150° +210°
- 32A5DC
Thalassophile
- DD7771
≈ Red Cedar
- BE9227
≈ Nugget
Tétradique +90° +180° +270°
- 32A5DC
Thalassophile
- C07CC5
≈ Lavender Sweater
- D58246
≈ Seraphim Sepia
- 64AE65
≈ Ferntastic
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.78:1 · APCA Lc 53
Ag
AAASur noir
WCAG 7.55:1 · APCA Lc 49
Meilleure couleur de texte: #000000
WCAG 7.55:1 (AAA) · APCA Lc 49
Contrast pairs
Extraits de code
CSS
:root {
--thalassophile: #32a5dc;
--thalassophile-rgb: 50 165 220;
--thalassophile-oklch: oklch(0.683 0.128 234.4);
}
.element {
color: var(--thalassophile);
background-color: hsl(199 71% 53%);
border-color: oklch(0.683 0.128 234.4);
}Tailwind CSS v4
@theme {
--color-thalassophile: #32a5dc;
--color-thalassophile-50: #d3fcff;
--color-thalassophile-100: #c0efff;
--color-thalassophile-200: #9fddff;
--color-thalassophile-300: #73c2f0;
--color-thalassophile-400: #42aade;
--color-thalassophile-500: #0092cd;
--color-thalassophile-600: #007bad;
--color-thalassophile-700: #00638b;
--color-thalassophile-800: #004967;
--color-thalassophile-900: #003348;
--color-thalassophile-950: #001e2f;
}SCSS
$thalassophile: #32a5dc;
$thalassophile-rgb: 50, 165, 220;
$thalassophile-light: mix(#fff, $thalassophile, 20%);
$thalassophile-dark: mix(#000, $thalassophile, 20%);
.element {
color: $thalassophile;
box-shadow: 0 0 0 2px rgba($thalassophile, 0.35);
}