Couleur nommée la plus proche · #AD6BBF
#AD6BBF
Couleur nommée la plus proche: Lavendless
#AD6BBF (rgb(173 107 191), hsl(287 40% 58%), oklch(0.631 0.141 318.8)) est la plus proche de la couleur nommée Lavendless. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#AD6BBF
oklch(0.631 0.141 318.8)
Conversions de couleur
- HEX
- #ad6bbf
- RGB
- rgb(173 107 191)
- HSL
- hsl(287 40% 58%)
- HWB
- hwb(287 42% 25%)
- OKLCH
- oklch(0.631 0.141 318.8)
- OKLab
- oklab(0.631 0.106 -0.093)
- CIE Lab
- lab(55.07 37.44 -33.55)
- LCH
- lch(55.07 50.27 318.1)
- CMYK
- cmyk(9% 44% 0% 25%)
Teintes · Ombres · Tons
Teintes
- B57AC6
- BE89CD
- C697D3
- CEA6DA
- D7B5E0
- DFC3E6
- E7D2ED
- EFE1F3
- F7F0F9
Ombres
- 965CA6
- 7F4E8D
- 6A3F75
- 55325E
- 412548
- 2D1833
- 1B0D1F
- 0B040D
- 010002
Tons
- A96EB9
- A471B3
- A073AC
- 9C75A6
- 9777A0
- 93799A
- 8E7B93
- 897D8D
- 857F87
Harmonies de couleurs
Complémentaire +180°
- AD6BBF
Lavendless
- 5A9D45
≈ Calm Balm
Analogue -30° +30°
- AD6BBF
Lavendless
- 8879D8
≈ Indigo Bloom
- C66297
≈ Ibis Rose
Triadique +120° +240°
- AD6BBF
Lavendless
- B37E00
≈ Golden Brown
- 009DA2
≈ Island Dream
Complémentaire divisée +150° +210°
- AD6BBF
Lavendless
- 918F00
≈ Old Asparagus
- 00A17C
≈ Sport Green
Tétradique +90° +180° +270°
- AD6BBF
Lavendless
- CC6B32
≈ Hot Caramel
- 5A9D45
≈ Calm Balm
- 0096C5
≈ Atomic Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.72:1 · APCA Lc 65
Ag
AASur noir
WCAG 5.63:1 · APCA Lc 37
Meilleure couleur de texte: #000000
WCAG 5.63:1 (AA) · APCA Lc 37
Contrast pairs
Extraits de code
CSS
:root {
--lavendless: #ad6bbf;
--lavendless-rgb: 173 107 191;
--lavendless-oklch: oklch(0.631 0.141 318.8);
}
.element {
color: var(--lavendless);
background-color: hsl(287 40% 58%);
border-color: oklch(0.631 0.141 318.8);
}Tailwind CSS v4
@theme {
--color-lavendless: #ad6bbf;
--color-lavendless-50: #ffe9ff;
--color-lavendless-100: #fed9ff;
--color-lavendless-200: #f0c1f9;
--color-lavendless-300: #d89fe3;
--color-lavendless-400: #c282d3;
--color-lavendless-500: #ad64c1;
--color-lavendless-600: #9255a3;
--color-lavendless-700: #754483;
--color-lavendless-800: #553162;
--color-lavendless-900: #3c2145;
--color-lavendless-950: #25102d;
}SCSS
$lavendless: #ad6bbf;
$lavendless-rgb: 173, 107, 191;
$lavendless-light: mix(#fff, $lavendless, 20%);
$lavendless-dark: mix(#000, $lavendless, 20%);
.element {
color: $lavendless;
box-shadow: 0 0 0 2px rgba($lavendless, 0.35);
}