Colore con nome più vicino · #AD6DCB
#AD6DCB
Colore con nome più vicino: Lavender
#AD6DCB (rgb(173 109 203), hsl(281 47% 61%), oklch(0.64 0.151 314.2)) è più vicino al colore con nome Lavender. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#AD6DCB
oklch(0.64 0.151 314.2)
Conversioni di colore
- HEX
- #ad6dcb
- RGB
- rgb(173 109 203)
- HSL
- hsl(281 47% 61%)
- HWB
- hwb(281 43% 20%)
- OKLCH
- oklch(0.64 0.151 314.2)
- OKLab
- oklab(0.64 0.105 -0.108)
- CIE Lab
- lab(55.97 38.31 -38.97)
- LCH
- lch(55.97 54.65 314.5)
- CMYK
- cmyk(15% 46% 0% 20%)
Tinte · Ombre · Toni
Tinte
- B57CD1
- BE8BD6
- C699DC
- CEA8E1
- D6B6E7
- DEC5EC
- E7D3F1
- EFE2F6
- F7F0FA
Ombre
- 965EB0
- 7F4F96
- 6A417D
- 553365
- 41264D
- 2D1937
- 1B0D22
- 0B040F
- 010102
Toni
- A970C4
- A472BC
- A075B5
- 9B77AD
- 9779A6
- 927A9F
- 8E7C97
- 897D8F
- 857F88
Armonie di colore
Complementare +180°
- AD6DCB
Lavender
- 639F36
≈ Radiant Foliage
Analogo -30° +30°
- AD6DCB
Lavender
- 837CE3
≈ Indigo Bloom
- C962A2
≈ Phlox Pink
Triadico +120° +240°
- AD6DCB
Lavender
- BC7D00
≈ Guo Tie Dumpling
- 00A0A0
≈ Pleasant Stream
Complementare divisa +150° +210°
- AD6DCB
Lavender
- 9A8F00
≈ Smoothie Green
- 00A576
≈ Bluish Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.60:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.82:1 · APCA Lc 38
Miglior colore del testo: #000000
WCAG 5.82:1 (AA) · APCA Lc 38
Contrast pairs
Frammenti di codice
CSS
:root {
--lavender: #ad6dcb;
--lavender-rgb: 173 109 203;
--lavender-oklch: oklch(0.64 0.151 314.2);
}
.element {
color: var(--lavender);
background-color: hsl(281 47% 61%);
border-color: oklch(0.64 0.151 314.2);
}Tailwind CSS v4
@theme {
--color-lavender: #ad6dcb;
--color-lavender-50: #ffe9ff;
--color-lavender-100: #fcd9ff;
--color-lavender-200: #eec1ff;
--color-lavender-300: #d69feb;
--color-lavender-400: #bf81dc;
--color-lavender-500: #aa63ca;
--color-lavender-600: #8f54ab;
--color-lavender-700: #734389;
--color-lavender-800: #543167;
--color-lavender-900: #3a2149;
--color-lavender-950: #241030;
}SCSS
$lavender: #ad6dcb;
$lavender-rgb: 173, 109, 203;
$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);
}