Couleur nommée la plus proche · #5085FF
#5085FF
Couleur nommée la plus proche: Skinny Jeans
#5085FF (rgb(80 133 255), hsl(222 100% 66%), oklch(0.643 0.19 264.1)) est la plus proche de la couleur nommée Skinny Jeans. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#5085FF
oklch(0.643 0.19 264.1)
Conversions de couleur
- HEX
- #5085ff
- RGB
- rgb(80 133 255)
- HSL
- hsl(222 100% 66%)
- HWB
- hwb(222 31% 0%)
- OKLCH
- oklch(0.643 0.19 264.1)
- OKLab
- oklab(0.643 -0.019 -0.189)
- CIE Lab
- lab(56.74 12.9 -67.28)
- LCH
- lch(56.74 68.5 280.9)
- CMYK
- cmyk(69% 48% 0% 0%)
Teintes · Ombres · Tons
Teintes
- 6192FF
- 729FFF
- 83ACFF
- 94B8FF
- A6C4FF
- B7D0FF
- C9DCFF
- DBE8FF
- EDF3FF
Ombres
- 4473DE
- 3961BE
- 2E509E
- 244080
- 1A3063
- 102148
- 07132E
- 020616
- 000103
Tons
- 5586F2
- 5B86E6
- 6086D9
- 6586CD
- 6986C0
- 6E85B4
- 7384A7
- 77839A
- 7C828D
Harmonies de couleurs
Complémentaire +180°
- 5085FF
Skinny Jeans
- B38500
≈ Arrowwood
Analogue -30° +30°
- 5085FF
Skinny Jeans
- 0099D2
≈ Blithe
- 966FF3
≈ Forgotten Purple
Triadique +120° +240°
- 5085FF
Skinny Jeans
- EA5050
≈ Fever
- 28A934
≈ Dry Highlighter Green
Complémentaire divisée +150° +210°
- 5085FF
Skinny Jeans
- D56C00
≈ Marmalade
- 8D9600
≈ Devil’s Flower Mantis
Tétradique +90° +180° +270°
- 5085FF
Skinny Jeans
- E05095
≈ Raspberry Pink
- B38500
≈ Arrowwood
- 00A588
≈ Brilliant Turquoise
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.42:1 · APCA Lc 61
Ag
AASur noir
WCAG 6.14:1 · APCA Lc 40
Meilleure couleur de texte: #000000
WCAG 6.14:1 (AA) · APCA Lc 40
Contrast pairs
Extraits de code
CSS
:root {
--skinny-jeans: #5085ff;
--skinny-jeans-rgb: 80 133 255;
--skinny-jeans-oklch: oklch(0.643 0.19 264.1);
}
.element {
color: var(--skinny-jeans);
background-color: hsl(222 100% 66%);
border-color: oklch(0.643 0.19 264.1);
}Tailwind CSS v4
@theme {
--color-skinny-jeans: #5085ff;
--color-skinny-jeans-50: #dcf5ff;
--color-skinny-jeans-100: #cae7ff;
--color-skinny-jeans-200: #aed2ff;
--color-skinny-jeans-300: #8ab3ff;
--color-skinny-jeans-400: #6498ff;
--color-skinny-jeans-500: #437bff;
--color-skinny-jeans-600: #3969d9;
--color-skinny-jeans-700: #2d54af;
--color-skinny-jeans-800: #1b3e83;
--color-skinny-jeans-900: #112b5d;
--color-skinny-jeans-950: #04173f;
}SCSS
$skinny-jeans: #5085ff;
$skinny-jeans-rgb: 80, 133, 255;
$skinny-jeans-light: mix(#fff, $skinny-jeans, 20%);
$skinny-jeans-dark: mix(#000, $skinny-jeans, 20%);
.element {
color: $skinny-jeans;
box-shadow: 0 0 0 2px rgba($skinny-jeans, 0.35);
}