Colore con nome · #F1A7FE
Rich Brilliant Lavender
Rich Brilliant Lavender è #F1A7FE: rgb(241 167 254), hsl(291 98% 83%), oklch(0.828 0.142 321.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Rich Brilliant Lavender color name →
#F1A7FE
oklch(0.828 0.142 321.4)
Conversioni di colore
- HEX
- #f1a7fe
- RGB
- rgb(241 167 254)
- HSL
- hsl(291 98% 83%)
- HWB
- hwb(291 65% 0%)
- OKLCH
- oklch(0.828 0.142 321.4)
- OKLab
- oklab(0.828 0.111 -0.088)
- CIE Lab
- lab(78.04 38.43 -32.24)
- LCH
- lch(78.04 50.16 320)
- CMYK
- cmyk(5% 34% 0% 0%)
Tinte · Ombre · Toni
Tinte
- F3B0FE
- F5B9FF
- F6C2FF
- F8CBFF
- F9D4FF
- FBDDFF
- FCE5FF
- FDEEFF
- FEF6FF
Ombre
- D291DD
- B37BBD
- 95669E
- 795280
- 5D3E63
- 432C47
- 2B1A2D
- 140A16
- 030103
Toni
- E5A3F1
- DAA0E4
- CE9CD7
- C398CA
- B895BE
- AC91B1
- A18DA5
- 968898
- 8B848C
Armonie di colore
Complementare +180°
- F1A7FE
Rich Brilliant Lavender
- 91DE86
≈ VIC 20 Green
Analogo -30° +30°
- F1A7FE
Rich Brilliant Lavender
- C7BCFF
≈ Lavender Tonic
- FFA8CF
≈ Majin Bū Pink
Triadico +120° +240°
- F1A7FE
Rich Brilliant Lavender
- F5BC4C
≈ Full Yellow
- 00E1ED
≈ Tamarama
Complementare divisa +150° +210°
- F1A7FE
Rich Brilliant Lavender
- CACF58
≈ Sonic Lime
- 49E4BB
≈ Aphrodite Aqua
Tetradico +90° +180° +270°
- F1A7FE
Rich Brilliant Lavender
- FFB385
≈ Coral Dusk
- 91DE86
≈ VIC 20 Green
- 7BD3FF
≈ Sky
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.79:1 · APCA Lc 33
Ag
AAASu nero
WCAG 11.69:1 · APCA Lc 70
Miglior colore del testo: #000000
WCAG 11.69:1 (AAA) · APCA Lc 70
Contrast pairs
Frammenti di codice
CSS
:root {
--rich-brilliant-lavender: #f1a7fe;
--rich-brilliant-lavender-rgb: 241 167 254;
--rich-brilliant-lavender-oklch: oklch(0.828 0.142 321.4);
}
.element {
color: var(--rich-brilliant-lavender);
background-color: hsl(291 98% 83%);
border-color: oklch(0.828 0.142 321.4);
}Tailwind CSS v4
@theme {
--color-rich-brilliant-lavender: #f1a7fe;
--color-rich-brilliant-lavender-50: #ffe8ff;
--color-rich-brilliant-lavender-100: #ffd9ff;
--color-rich-brilliant-lavender-200: #f2c0f7;
--color-rich-brilliant-lavender-300: #db9ee1;
--color-rich-brilliant-lavender-400: #c581d0;
--color-rich-brilliant-lavender-500: #b062be;
--color-rich-brilliant-lavender-600: #9554a0;
--color-rich-brilliant-lavender-700: #774381;
--color-rich-brilliant-lavender-800: #573061;
--color-rich-brilliant-lavender-900: #3d2144;
--color-rich-brilliant-lavender-950: #26102c;
}SCSS
$rich-brilliant-lavender: #f1a7fe;
$rich-brilliant-lavender-rgb: 241, 167, 254;
$rich-brilliant-lavender-light: mix(#fff, $rich-brilliant-lavender, 20%);
$rich-brilliant-lavender-dark: mix(#000, $rich-brilliant-lavender, 20%);
.element {
color: $rich-brilliant-lavender;
box-shadow: 0 0 0 2px rgba($rich-brilliant-lavender, 0.35);
}