Couleur nommée la plus proche · #1F6190
#1F6190
Couleur nommée la plus proche: Starry Night
#1F6190 (rgb(31 97 144), hsl(205 65% 34%), oklch(0.475 0.1 244.1)) est la plus proche de la couleur nommée Starry Night. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#1F6190
oklch(0.475 0.1 244.1)
Conversions de couleur
- HEX
- #1f6190
- RGB
- rgb(31 97 144)
- HSL
- hsl(205 65% 34%)
- HWB
- hwb(205 12% 44%)
- OKLCH
- oklch(0.475 0.1 244.1)
- OKLab
- oklab(0.475 -0.044 -0.09)
- CIE Lab
- lab(38.84 -7.97 -32.39)
- LCH
- lch(38.84 33.35 256.2)
- CMYK
- cmyk(78% 33% 0% 44%)
Teintes · Ombres · Tons
Teintes
- 39709B
- 4F7FA6
- 658FB2
- 7A9EBD
- 90AEC8
- A6BED3
- BCCEDE
- D2DEE9
- E8EFF4
Ombres
- 19537D
- 14466A
- 0F3957
- 0A2D45
- 062134
- 031524
- 010B15
- 000307
- 000001
Tons
- 2D648F
- 38688E
- 426B8C
- 4C6E8B
- 557189
- 5E7588
- 677886
- 6F7A84
- 787D82
Harmonies de couleurs
Complémentaire +180°
- 1F6190
Starry Night
- 824E10
≈ Medium Brown
Analogue -30° +30°
- 1F6190
Starry Night
- 006879
≈ Teal With It
- 4B5794
≈ Onion Skin Blue
Triadique +120° +240°
- 1F6190
Starry Night
- 894255
≈ Dark Earth
- 50651D
≈ Tabbouleh Green
Complémentaire divisée +150° +210°
- 1F6190
Starry Night
- 8B4535
≈ Remember Me Red
- 6E5A00
≈ Hot Mustard
Tétradique +90° +180° +270°
- 1F6190
Starry Night
- 7D4573
≈ Magic Magenta
- 824E10
≈ Medium Brown
- 236C41
≈ Billiard Ball
Contraste et accessibilité
Ag
AASur blanc
WCAG 6.62:1 · APCA Lc 82
Ag
FailSur noir
WCAG 3.17:1 · APCA Lc 19
Meilleure couleur de texte: #FFFFFF
WCAG 6.62:1 (AA) · APCA Lc 82
Contrast pairs
Extraits de code
CSS
:root {
--starry-night: #1f6190;
--starry-night-rgb: 31 97 144;
--starry-night-oklch: oklch(0.475 0.1 244.1);
}
.element {
color: var(--starry-night);
background-color: hsl(205 65% 34%);
border-color: oklch(0.475 0.1 244.1);
}Tailwind CSS v4
@theme {
--color-starry-night: #1f6190;
--color-starry-night-50: #dff9ff;
--color-starry-night-100: #ceecff;
--color-starry-night-200: #b2d9fd;
--color-starry-night-300: #8dbde8;
--color-starry-night-400: #69a5d5;
--color-starry-night-500: #458dc3;
--color-starry-night-600: #3c77a5;
--color-starry-night-700: #2f5f84;
--color-starry-night-800: #1f4662;
--color-starry-night-900: #143145;
--color-starry-night-950: #061d2d;
}SCSS
$starry-night: #1f6190;
$starry-night-rgb: 31, 97, 144;
$starry-night-light: mix(#fff, $starry-night, 20%);
$starry-night-dark: mix(#000, $starry-night, 20%);
.element {
color: $starry-night;
box-shadow: 0 0 0 2px rgba($starry-night, 0.35);
}