Colore con nome · #B793C0
Sheer Lilac
Sheer Lilac è #B793C0: rgb(183 147 192), hsl(288 26% 66%), oklch(0.711 0.076 319.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Sheer Lilac color name →
#B793C0
oklch(0.711 0.076 319.5)
Conversioni di colore
- HEX
- #b793c0
- RGB
- rgb(183 147 192)
- HSL
- hsl(288 26% 66%)
- HWB
- hwb(288 58% 25%)
- OKLCH
- oklch(0.711 0.076 319.5)
- OKLab
- oklab(0.711 0.058 -0.049)
- CIE Lab
- lab(65.47 19.93 -18.11)
- LCH
- lch(65.47 26.93 317.7)
- CMYK
- cmyk(5% 23% 0% 25%)
Tinte · Ombre · Toni
Tinte
- BE9DC6
- C5A8CD
- CCB3D3
- D4BDD9
- DBC8E0
- E2D3E6
- E9DEEC
- F1E9F2
- F8F4F9
Ombre
- 9F7FA7
- 876C8E
- 705976
- 5A475F
- 453649
- 312534
- 1E1620
- 0C080E
- 020102
Toni
- B191BA
- AC8FB3
- A68EAD
- A18CA6
- 9B8AA0
- 968899
- 908693
- 8B848D
- 858286
Armonie di colore
Complementare +180°
- B793C0
Sheer Lilac
- 8AAE80
≈ Cressida
Analogo -30° +30°
- B793C0
Sheer Lilac
- A09ACF
≈ Bluebell Frost
- C78FA9
≈ Bonny Belle
Triadico +120° +240°
- B793C0
Sheer Lilac
- BB9D6B
≈ Tiger
- 65B1B4
≈ Dexter
Complementare divisa +150° +210°
- B793C0
Sheer Lilac
- A5A66E
≈ Willow Leaf
- 70B29A
≈ Dusty Jade Green
Tetradico +90° +180° +270°
- B793C0
Sheer Lilac
- C99478
≈ Money Tree
- 8AAE80
≈ Cressida
- 6EABC8
≈ Moonstone Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.64:1 · APCA Lc 51
Ag
AAASu nero
WCAG 7.94:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.94:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--sheer-lilac: #b793c0;
--sheer-lilac-rgb: 183 147 192;
--sheer-lilac-oklch: oklch(0.711 0.076 319.5);
}
.element {
color: var(--sheer-lilac);
background-color: hsl(288 26% 66%);
border-color: oklch(0.711 0.076 319.5);
}Tailwind CSS v4
@theme {
--color-sheer-lilac: #b793c0;
--color-sheer-lilac-50: #ffeeff;
--color-sheer-lilac-100: #f4e0f7;
--color-sheer-lilac-200: #e4cae8;
--color-sheer-lilac-300: #caabcf;
--color-sheer-lilac-400: #b290bb;
--color-sheer-lilac-500: #9c76a6;
--color-sheer-lilac-600: #84648c;
--color-sheer-lilac-700: #6a5070;
--color-sheer-lilac-800: #4d3a54;
--color-sheer-lilac-900: #36283a;
--color-sheer-lilac-950: #211624;
}SCSS
$sheer-lilac: #b793c0;
$sheer-lilac-rgb: 183, 147, 192;
$sheer-lilac-light: mix(#fff, $sheer-lilac, 20%);
$sheer-lilac-dark: mix(#000, $sheer-lilac, 20%);
.element {
color: $sheer-lilac;
box-shadow: 0 0 0 2px rgba($sheer-lilac, 0.35);
}