Couleur nommée la plus proche · #B473D5
#B473D5
Couleur nommée la plus proche: Lavender
#B473D5 (rgb(180 115 213), hsl(280 54% 64%), oklch(0.662 0.155 313.4)) est la plus proche de la couleur nommée Lavender. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#B473D5
oklch(0.662 0.155 313.4)
Conversions de couleur
- HEX
- #b473d5
- RGB
- rgb(180 115 213)
- HSL
- hsl(280 54% 64%)
- HWB
- hwb(280 45% 16%)
- OKLCH
- oklch(0.662 0.155 313.4)
- OKLab
- oklab(0.662 0.106 -0.112)
- CIE Lab
- lab(58.49 39.04 -40.61)
- LCH
- lch(58.49 56.33 313.9)
- CMYK
- cmyk(15% 46% 0% 16%)
Teintes · Ombres · Tons
Teintes
- BC81DA
- C390DF
- CB9EE3
- D2ABE8
- DAB9EC
- E1C7F0
- E9D5F4
- F0E3F8
- F8F1FB
Ombres
- 9C63B9
- 85549E
- 6E4583
- 58366A
- 442851
- 301B3A
- 1D0F24
- 0C0510
- 020102
Tons
- AF75CD
- AA77C4
- A579BC
- 9F7AB3
- 9A7CAB
- 957DA2
- 907E9A
- 8B7F91
- 857F89
Harmonies de couleurs
Complémentaire +180°
- B473D5
Lavender
- 6BA638
≈ Siren of Nature
Analogue -30° +30°
- B473D5
Lavender
- 8883ED
≈ Lavender Blue Shadow
- D268AB
≈ Mega Magenta
Triadique +120° +240°
- B473D5
Lavender
- C68300
≈ Bubonic Brown
- 00A8A6
≈ Jade Orchid
Complémentaire divisée +150° +210°
- B473D5
Lavender
- A29600
≈ Papyrus
- 00AD7A
≈ Bright Camouflage
Tétradique +90° +180° +270°
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.30:1 · APCA Lc 60
Ag
AASur noir
WCAG 6.35:1 · APCA Lc 42
Meilleure couleur de texte: #000000
WCAG 6.35:1 (AA) · APCA Lc 42
Contrast pairs
Extraits de code
CSS
:root {
--lavender: #b473d5;
--lavender-rgb: 180 115 213;
--lavender-oklch: oklch(0.662 0.155 313.4);
}
.element {
color: var(--lavender);
background-color: hsl(280 54% 64%);
border-color: oklch(0.662 0.155 313.4);
}Tailwind CSS v4
@theme {
--color-lavender: #b473d5;
--color-lavender-50: #ffe8ff;
--color-lavender-100: #fcd9ff;
--color-lavender-200: #eec0ff;
--color-lavender-300: #d69fed;
--color-lavender-400: #bf81de;
--color-lavender-500: #aa62cd;
--color-lavender-600: #8f53ad;
--color-lavender-700: #73428b;
--color-lavender-800: #543069;
--color-lavender-900: #3a214a;
--color-lavender-950: #241030;
}SCSS
$lavender: #b473d5;
$lavender-rgb: 180, 115, 213;
$lavender-light: mix(#fff, $lavender, 20%);
$lavender-dark: mix(#000, $lavender, 20%);
.element {
color: $lavender;
box-shadow: 0 0 0 2px rgba($lavender, 0.35);
}