Couleur nommée la plus proche · #7192F4
#7192F4
Couleur nommée la plus proche: Skinny Jeans
#7192F4 (rgb(113 146 244), hsl(225 86% 70%), oklch(0.679 0.15 268.2)) 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.
#7192F4
oklch(0.679 0.15 268.2)
Conversions de couleur
- HEX
- #7192f4
- RGB
- rgb(113 146 244)
- HSL
- hsl(225 86% 70%)
- HWB
- hwb(225 44% 4%)
- OKLCH
- oklch(0.679 0.15 268.2)
- OKLab
- oklab(0.679 -0.005 -0.15)
- CIE Lab
- lab(61.45 9.47 -53.63)
- LCH
- lch(61.45 54.46 280)
- CMYK
- cmyk(54% 40% 0% 4%)
Teintes · Ombres · Tons
Teintes
- 7E9DF6
- 8CA9F8
- 9AB4FA
- A7BFFB
- B6C9FC
- C4D4FD
- D2DFFE
- E1EAFF
- F0F4FF
Ombres
- 617ED4
- 526BB5
- 435897
- 35467A
- 27355E
- 1A2544
- 0E162B
- 040814
- 010103
Tons
- 7391E8
- 748FDD
- 768ED1
- 778CC6
- 798BBA
- 7A89AF
- 7C87A3
- 7D8598
- 7F828C
Harmonies de couleurs
Complémentaire +180°
- 7192F4
Skinny Jeans
- BB9200
≈ Main Mast Gold
Analogue -30° +30°
- 7192F4
Skinny Jeans
- 09A3E9
≈ Button Blue
- A481E7
≈ Lavender Blossom
Triadique +120° +240°
- 7192F4
Skinny Jeans
- E66F62
≈ Autumn Enchantment
- 4BB161
≈ Chlorella Green
Complémentaire divisée +150° +210°
- 7192F4
Skinny Jeans
- DB7D24
≈ Orange Pepper
- 90A41E
≈ Noxious
Tétradique +90° +180° +270°
- 7192F4
Skinny Jeans
- DF6C97
≈ Paris Pink
- BB9200
≈ Main Mast Gold
- 00B198
≈ Victorian Greenhouse
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.94:1 · APCA Lc 56
Ag
AAASur noir
WCAG 7.12:1 · APCA Lc 46
Meilleure couleur de texte: #000000
WCAG 7.12:1 (AAA) · APCA Lc 46
Contrast pairs
Extraits de code
CSS
:root {
--skinny-jeans: #7192f4;
--skinny-jeans-rgb: 113 146 244;
--skinny-jeans-oklch: oklch(0.679 0.15 268.2);
}
.element {
color: var(--skinny-jeans);
background-color: hsl(225 86% 70%);
border-color: oklch(0.679 0.15 268.2);
}Tailwind CSS v4
@theme {
--color-skinny-jeans: #7192f4;
--color-skinny-jeans-50: #e4f4ff;
--color-skinny-jeans-100: #d4e6ff;
--color-skinny-jeans-200: #bbd2ff;
--color-skinny-jeans-300: #9ab3ff;
--color-skinny-jeans-400: #7999f7;
--color-skinny-jeans-500: #5c7ee8;
--color-skinny-jeans-600: #4e6bc4;
--color-skinny-jeans-700: #3e559d;
--color-skinny-jeans-800: #2a3f76;
--color-skinny-jeans-900: #1c2b53;
--color-skinny-jeans-950: #0d1838;
}SCSS
$skinny-jeans: #7192f4;
$skinny-jeans-rgb: 113, 146, 244;
$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);
}