Benannte Farbe · #F1A7FE
Rich Brilliant Lavender
Rich Brilliant Lavender ist #F1A7FE: rgb(241 167 254), hsl(291 98% 83%), oklch(0.828 0.142 321.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Rich Brilliant Lavender color name →
#F1A7FE
oklch(0.828 0.142 321.4)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- F3B0FE
- F5B9FF
- F6C2FF
- F8CBFF
- F9D4FF
- FBDDFF
- FCE5FF
- FDEEFF
- FEF6FF
Shades
- D291DD
- B37BBD
- 95669E
- 795280
- 5D3E63
- 432C47
- 2B1A2D
- 140A16
- 030103
Tones
- E5A3F1
- DAA0E4
- CE9CD7
- C398CA
- B895BE
- AC91B1
- A18DA5
- 968898
- 8B848C
Farbharmonien
Komplementär +180°
- F1A7FE
Rich Brilliant Lavender
- 91DE86
≈ VIC 20 Green
Analog -30° +30°
- F1A7FE
Rich Brilliant Lavender
- C7BCFF
≈ Lavender Tonic
- FFA8CF
≈ Majin Bū Pink
Triadisch +120° +240°
- F1A7FE
Rich Brilliant Lavender
- F5BC4C
≈ Full Yellow
- 00E1ED
≈ Tamarama
Geteilt komplementär +150° +210°
- F1A7FE
Rich Brilliant Lavender
- CACF58
≈ Sonic Lime
- 49E4BB
≈ Aphrodite Aqua
Tetradisch +90° +180° +270°
- F1A7FE
Rich Brilliant Lavender
- FFB385
≈ Coral Dusk
- 91DE86
≈ VIC 20 Green
- 7BD3FF
≈ Sky
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.79:1 · APCA Lc 33
Ag
AAAAuf Schwarz
WCAG 11.69:1 · APCA Lc 70
Beste Textfarbe: #000000
WCAG 11.69:1 (AAA) · APCA Lc 70
Contrast pairs
Code-Snippets
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);
}