Couleur nommée la plus proche · #395183
#395183
Couleur nommée la plus proche: St. Tropaz
#395183 (rgb(57 81 131), hsl(221 39% 37%), oklch(0.44 0.088 263.7)) est la plus proche de la couleur nommée St. Tropaz. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#395183
oklch(0.44 0.088 263.7)
Conversions de couleur
- HEX
- #395183
- RGB
- rgb(57 81 131)
- HSL
- hsl(221 39% 37%)
- HWB
- hwb(221 22% 49%)
- OKLCH
- oklch(0.44 0.088 263.7)
- OKLab
- oklab(0.44 -0.01 -0.087)
- CIE Lab
- lab(34.37 2.79 -31.44)
- LCH
- lch(34.37 31.56 275.1)
- CMYK
- cmyk(56% 38% 0% 49%)
Teintes · Ombres · Tons
Teintes
- 4B618F
- 5D729C
- 7083A8
- 8394B5
- 97A5C1
- ABB6CD
- BFC8DA
- D4DAE6
- E9EDF3
Ombres
- 304571
- 283A60
- 1F2F4F
- 17243F
- 101A2F
- 091020
- 040712
- 010206
- 000001
Tons
- 405683
- 475B83
- 4E6083
- 556483
- 5C6983
- 636E83
- 6A7282
- 717782
- 797B81
Harmonies de couleurs
Complémentaire +180°
- 395183
St. Tropaz
- 694D05
≈ Antique Bronze
Analogue -30° +30°
- 395183
St. Tropaz
- 0A5A7B
≈ Commandes
- 55487E
≈ Gentian Violet
Triadique +120° +240°
- 395183
St. Tropaz
- 7C3D3A
≈ Kokiake Brown
- 325F31
≈ Deep Into the Wood
Complémentaire divisée +150° +210°
- 395183
St. Tropaz
- 77431E
≈ Walnut
- 525714
≈ Douro
Tétradique +90° +180° +270°
- 395183
St. Tropaz
- 773C56
≈ Mulled Plum
- 694D05
≈ Antique Bronze
- 00614F
≈ Sci-Fi Takeout
Contraste et accessibilité
Ag
AAASur blanc
WCAG 7.83:1 · APCA Lc 87
Ag
FailSur noir
WCAG 2.67:1 · APCA Lc 15
Meilleure couleur de texte: #FFFFFF
WCAG 7.83:1 (AAA) · APCA Lc 87
Contrast pairs
Extraits de code
CSS
:root {
--st-tropaz: #395183;
--st-tropaz-rgb: 57 81 131;
--st-tropaz-oklch: oklch(0.44 0.088 263.7);
}
.element {
color: var(--st-tropaz);
background-color: hsl(221 39% 37%);
border-color: oklch(0.44 0.088 263.7);
}Tailwind CSS v4
@theme {
--color-st-tropaz: #395183;
--color-st-tropaz-50: #e9f5ff;
--color-st-tropaz-100: #dae8ff;
--color-st-tropaz-200: #c2d4fb;
--color-st-tropaz-300: #a2b7e5;
--color-st-tropaz-400: #849ed3;
--color-st-tropaz-500: #6885c1;
--color-st-tropaz-600: #5871a3;
--color-st-tropaz-700: #465a83;
--color-st-tropaz-800: #314261;
--color-st-tropaz-900: #212e44;
--color-st-tropaz-950: #111a2c;
}SCSS
$st-tropaz: #395183;
$st-tropaz-rgb: 57, 81, 131;
$st-tropaz-light: mix(#fff, $st-tropaz, 20%);
$st-tropaz-dark: mix(#000, $st-tropaz, 20%);
.element {
color: $st-tropaz;
box-shadow: 0 0 0 2px rgba($st-tropaz, 0.35);
}