Couleur nommée la plus proche · #4B63A3
#4B63A3
Couleur nommée la plus proche: Starstruck
#4B63A3 (rgb(75 99 163), hsl(224 37% 47%), oklch(0.511 0.106 267.1)) est la plus proche de la couleur nommée Starstruck. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#4B63A3
oklch(0.511 0.106 267.1)
Conversions de couleur
- HEX
- #4b63a3
- RGB
- rgb(75 99 163)
- HSL
- hsl(224 37% 47%)
- HWB
- hwb(224 29% 36%)
- OKLCH
- oklch(0.511 0.106 267.1)
- OKLab
- oklab(0.511 -0.005 -0.106)
- CIE Lab
- lab(42.35 5.6 -37.99)
- LCH
- lch(42.35 38.4 278.4)
- CMYK
- cmyk(54% 39% 0% 36%)
Teintes · Ombres · Tons
Teintes
- 5B72AD
- 6C81B6
- 7D90C0
- 8FA0C9
- A1AFD2
- B3BFDB
- C5CFE4
- D8DFED
- ECEFF6
Ombres
- 40558D
- 354778
- 2B3A63
- 212E4F
- 17213C
- 0E162A
- 060B19
- 02030A
- 000001
Tons
- 5066A0
- 556A9D
- 5B6D9A
- 607096
- 657393
- 6A758F
- 70788C
- 757B88
- 7B7D84
Harmonies de couleurs
Complémentaire +180°
- 4B63A3
Starstruck
- 806100
≈ Ground Earth
Analogue -30° +30°
- 4B63A3
Starstruck
- 126E9B
≈ Disarm
- 6D589B
≈ Rollick
Triadique +120° +240°
- 4B63A3
Starstruck
- 9A4C44
≈ Safflower Kite
- 377641
≈ Cucumber Queen
Complémentaire divisée +150° +210°
- 4B63A3
Starstruck
- 93551F
≈ Sugar Almond
- 626E1A
≈ Fiji Green
Tétradique +90° +180° +270°
- 4B63A3
Starstruck
- 954A67
≈ Glitterati
- 806100
≈ Ground Earth
- 007865
≈ Shady Glade
Contraste et accessibilité
Ag
AASur blanc
WCAG 5.81:1 · APCA Lc 79
Ag
FailSur noir
WCAG 3.61:1 · APCA Lc 23
Meilleure couleur de texte: #FFFFFF
WCAG 5.81:1 (AA) · APCA Lc 79
Contrast pairs
Extraits de code
CSS
:root {
--starstruck: #4b63a3;
--starstruck-rgb: 75 99 163;
--starstruck-oklch: oklch(0.511 0.106 267.1);
}
.element {
color: var(--starstruck);
background-color: hsl(224 37% 47%);
border-color: oklch(0.511 0.106 267.1);
}Tailwind CSS v4
@theme {
--color-starstruck: #4b63a3;
--color-starstruck-50: #e9f5ff;
--color-starstruck-100: #d9e7ff;
--color-starstruck-200: #c2d3ff;
--color-starstruck-300: #a1b6ef;
--color-starstruck-400: #829cde;
--color-starstruck-500: #6783cc;
--color-starstruck-600: #576fad;
--color-starstruck-700: #45598b;
--color-starstruck-800: #304167;
--color-starstruck-900: #212d48;
--color-starstruck-950: #101a2f;
}SCSS
$starstruck: #4b63a3;
$starstruck-rgb: 75, 99, 163;
$starstruck-light: mix(#fff, $starstruck, 20%);
$starstruck-dark: mix(#000, $starstruck, 20%);
.element {
color: $starstruck;
box-shadow: 0 0 0 2px rgba($starstruck, 0.35);
}