Couleur nommée la plus proche · #1B609C
#1B609C
Couleur nommée la plus proche: Hyper Blue
#1B609C (rgb(27 96 156), hsl(208 70% 36%), oklch(0.479 0.117 249.5)) est la plus proche de la couleur nommée Hyper Blue. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1B609C
oklch(0.479 0.117 249.5)
Conversions de couleur
- HEX
- #1b609c
- RGB
- rgb(27 96 156)
- HSL
- hsl(208 70% 36%)
- HWB
- hwb(208 11% 39%)
- OKLCH
- oklch(0.479 0.117 249.5)
- OKLab
- oklab(0.479 -0.041 -0.11)
- CIE Lab
- lab(38.98 -4.11 -39.35)
- LCH
- lch(38.98 39.56 264)
- CMYK
- cmyk(83% 38% 0% 39%)
Teintes · Ombres · Tons
Teintes
- 3670A6
- 4D7FB1
- 638FBB
- 799EC5
- 8FAECF
- A5BED9
- BBCEE2
- D1DEEC
- E8EFF6
Ombres
- 165287
- 114573
- 0C385F
- 082C4C
- 052039
- 021528
- 010A18
- 000309
- 000001
Tons
- 2A649A
- 366797
- 406B95
- 4A6E92
- 547190
- 5D758D
- 66788A
- 6F7A87
- 777D83
Harmonies de couleurs
Complémentaire +180°
- 1B609C
Hyper Blue
- 825100
≈ Medium Brown
Analogue -30° +30°
- 1B609C
Hyper Blue
- 00687F
≈ Tahitian Tide
- 51539E
≈ Blue Ember
Triadique +120° +240°
- 1B609C
Hyper Blue
- 933C4F
≈ Ancient Magenta
- 476913
≈ Over the Hills
Complémentaire divisée +150° +210°
- 1B609C
Hyper Blue
- 934225
≈ Dark Brazilian Topaz
- 6B5E00
≈ Green Brown
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.56:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.19:1 · APCA Lc 20
Meilleure couleur de texte: #FFFFFF
WCAG 6.56:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--hyper-blue: #1b609c;
--hyper-blue-rgb: 27 96 156;
--hyper-blue-oklch: oklch(0.479 0.117 249.5);
}
.element {
color: var(--hyper-blue);
background-color: hsl(208 70% 36%);
border-color: oklch(0.479 0.117 249.5);
}Tailwind CSS v4
@theme {
--color-hyper-blue: #1b609c;
--color-hyper-blue-50: #ddf8ff;
--color-hyper-blue-100: #ccebff;
--color-hyper-blue-200: #b0d8ff;
--color-hyper-blue-300: #8abcf2;
--color-hyper-blue-400: #65a3e1;
--color-hyper-blue-500: #408ad0;
--color-hyper-blue-600: #3875b0;
--color-hyper-blue-700: #2c5e8d;
--color-hyper-blue-800: #1c4569;
--color-hyper-blue-900: #12304a;
--color-hyper-blue-950: #041c30;
}SCSS
$hyper-blue: #1b609c;
$hyper-blue-rgb: 27, 96, 156;
$hyper-blue-light: mix(#fff, $hyper-blue, 20%);
$hyper-blue-dark: mix(#000, $hyper-blue, 20%);
.element {
color: $hyper-blue;
box-shadow: 0 0 0 2px rgba($hyper-blue, 0.35);
}