Couleur nommée la plus proche · #557079
#557079
Couleur nommée la plus proche: Winter Storm
#557079 (rgb(85 112 121), hsl(195 17% 40%), oklch(0.527 0.035 220.3)) est la plus proche de la couleur nommée Winter Storm. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#557079
oklch(0.527 0.035 220.3)
Conversions de couleur
- HEX
- #557079
- RGB
- rgb(85 112 121)
- HSL
- hsl(195 17% 40%)
- HWB
- hwb(195 33% 53%)
- OKLCH
- oklch(0.527 0.035 220.3)
- OKLab
- oklab(0.527 -0.026 -0.022)
- CIE Lab
- lab(45.35 -8.49 -8.4)
- LCH
- lch(45.35 11.94 224.7)
- CMYK
- cmyk(30% 7% 0% 53%)
Teintes · Ombres · Tons
Teintes
- 657D86
- 758B92
- 85999F
- 96A7AD
- A7B5BA
- B8C3C7
- C9D2D5
- DBE1E3
- EDF0F1
Ombres
- 496068
- 3D5158
- 314348
- 263539
- 1C272B
- 111A1D
- 080E10
- 020405
- 000101
Tons
- 59727A
- 5E737A
- 62757B
- 67767C
- 6B787D
- 6F7A7D
- 737B7E
- 787D7F
- 7C7E7F
Harmonies de couleurs
Complémentaire +180°
- 557079
Winter Storm
- 7D655C
≈ Betalain Red
Analogue -30° +30°
- 557079
Winter Storm
- 54726F
≈ Evening Emerald
- 5C6D7F
≈ Deadwind Pass
Triadique +120° +240°
- 557079
Winter Storm
- 796371
≈ Ephemera
- 6F6C55
≈ Secluded Green
Complémentaire divisée +150° +210°
- 557079
Winter Storm
- 7E6366
≈ Amazing Amethyst
- 786856
≈ Superior Bronze
Tétradique +90° +180° +270°
- 557079
Winter Storm
- 71667A
≈ Decadence
- 7D655C
≈ Betalain Red
- 646F5A
≈ Bracken Green
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.27:1 · APCA Lc 76
Ag
FailSur noir
WCAG 3.98:1 · APCA Lc 26
Meilleure couleur de texte: #FFFFFF
WCAG 5.27:1 (AA) · APCA Lc 76
Contrast pairs
Extraits de code
CSS
:root {
--winter-storm: #557079;
--winter-storm-rgb: 85 112 121;
--winter-storm-oklch: oklch(0.527 0.035 220.3);
}
.element {
color: var(--winter-storm);
background-color: hsl(195 17% 40%);
border-color: oklch(0.527 0.035 220.3);
}Tailwind CSS v4
@theme {
--color-winter-storm: #557079;
--color-winter-storm-50: #ebf8fc;
--color-winter-storm-100: #dcebf0;
--color-winter-storm-200: #c5d8df;
--color-winter-storm-300: #a5bcc4;
--color-winter-storm-400: #89a4ad;
--color-winter-storm-500: #6d8c96;
--color-winter-storm-600: #5d767f;
--color-winter-storm-700: #4a5f66;
--color-winter-storm-800: #35454a;
--color-winter-storm-900: #243034;
--color-winter-storm-950: #131c1f;
}SCSS
$winter-storm: #557079;
$winter-storm-rgb: 85, 112, 121;
$winter-storm-light: mix(#fff, $winter-storm, 20%);
$winter-storm-dark: mix(#000, $winter-storm, 20%);
.element {
color: $winter-storm;
box-shadow: 0 0 0 2px rgba($winter-storm, 0.35);
}