Couleur nommée la plus proche · #526E76
#526E76
Couleur nommée la plus proche: Winter Storm
#526E76 (rgb(82 110 118), hsl(193 18% 39%), oklch(0.519 0.035 217.2)) 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.
#526E76
oklch(0.519 0.035 217.2)
Conversions de couleur
- HEX
- #526e76
- RGB
- rgb(82 110 118)
- HSL
- hsl(193 18% 39%)
- HWB
- hwb(193 32% 54%)
- OKLCH
- oklch(0.519 0.035 217.2)
- OKLab
- oklab(0.519 -0.028 -0.021)
- CIE Lab
- lab(44.45 -9.04 -7.97)
- LCH
- lch(44.45 12.05 221.4)
- CMYK
- cmyk(31% 7% 0% 54%)
Teintes · Ombres · Tons
Teintes
- 627C83
- 738990
- 83979D
- 94A5AB
- A5B4B8
- B7C3C6
- C8D1D4
- DAE0E2
- EDF0F1
Ombres
- 465F66
- 3B5056
- 2F4147
- 253338
- 1A2629
- 11191C
- 080E0F
- 020405
- 000101
Tons
- 577077
- 5B7278
- 607379
- 65757A
- 69777B
- 6E797C
- 727B7D
- 777C7E
- 7C7E7F
Harmonies de couleurs
Complémentaire +180°
- 526E76
Winter Storm
- 7B625B
≈ Bear Hug
Analogue -30° +30°
- 526E76
Winter Storm
- 52706C
≈ Stone Bridge
- 596B7C
≈ Spinning Blue
Triadique +120° +240°
- 526E76
Winter Storm
- 766170
≈ Black Plum
- 6E6952
≈ Mysterious Moss
Complémentaire divisée +150° +210°
- 526E76
Winter Storm
- 7B6165
≈ Pretty Puce
- 776553
≈ Ground Pepper
Tétradique +90° +180° +270°
- 526E76
Winter Storm
- 6E6479
≈ Victorian Iris
- 7B625B
≈ Bear Hug
- 636D57
≈ Sea Fern
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.45:1 · APCA Lc 77
Ag
FailSur noir
WCAG 3.85:1 · APCA Lc 25
Meilleure couleur de texte: #FFFFFF
WCAG 5.45:1 (AA) · APCA Lc 77
Contrast pairs
Extraits de code
CSS
:root {
--winter-storm: #526e76;
--winter-storm-rgb: 82 110 118;
--winter-storm-oklch: oklch(0.519 0.035 217.2);
}
.element {
color: var(--winter-storm);
background-color: hsl(193 18% 39%);
border-color: oklch(0.519 0.035 217.2);
}Tailwind CSS v4
@theme {
--color-winter-storm: #526e76;
--color-winter-storm-50: #ebf8fc;
--color-winter-storm-100: #dcebf0;
--color-winter-storm-200: #c5d8de;
--color-winter-storm-300: #a4bcc4;
--color-winter-storm-400: #88a4ac;
--color-winter-storm-500: #6c8c95;
--color-winter-storm-600: #5c777e;
--color-winter-storm-700: #495f65;
--color-winter-storm-800: #35464a;
--color-winter-storm-900: #243033;
--color-winter-storm-950: #131c1f;
}SCSS
$winter-storm: #526e76;
$winter-storm-rgb: 82, 110, 118;
$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);
}