Màu có tên · #F1A7FE
Rich Brilliant Lavender
Rich Brilliant Lavender là #F1A7FE: rgb(241 167 254), hsl(291 98% 83%), oklch(0.828 0.142 321.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Purple mean? → · Rich Brilliant Lavender color name →
#F1A7FE
oklch(0.828 0.142 321.4)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- F3B0FE
- F5B9FF
- F6C2FF
- F8CBFF
- F9D4FF
- FBDDFF
- FCE5FF
- FDEEFF
- FEF6FF
Sắc đậm
- D291DD
- B37BBD
- 95669E
- 795280
- 5D3E63
- 432C47
- 2B1A2D
- 140A16
- 030103
Sắc xám
- E5A3F1
- DAA0E4
- CE9CD7
- C398CA
- B895BE
- AC91B1
- A18DA5
- 968898
- 8B848C
Hòa sắc
Bổ túc +180°
- F1A7FE
Rich Brilliant Lavender
- 91DE86
≈ VIC 20 Green
Tương đồng -30° +30°
- F1A7FE
Rich Brilliant Lavender
- C7BCFF
≈ Lavender Tonic
- FFA8CF
≈ Majin Bū Pink
Bộ ba +120° +240°
- F1A7FE
Rich Brilliant Lavender
- F5BC4C
≈ Full Yellow
- 00E1ED
≈ Tamarama
Bổ túc chia +150° +210°
- F1A7FE
Rich Brilliant Lavender
- CACF58
≈ Sonic Lime
- 49E4BB
≈ Aphrodite Aqua
Bộ bốn +90° +180° +270°
- F1A7FE
Rich Brilliant Lavender
- FFB385
≈ Coral Dusk
- 91DE86
≈ VIC 20 Green
- 7BD3FF
≈ Sky
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.79:1 · APCA Lc 33
Ag
AAATrên nền đen
WCAG 11.69:1 · APCA Lc 70
Màu chữ tốt nhất: #000000
WCAG 11.69:1 (AAA) · APCA Lc 70
Contrast pairs
Đoạn mã
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);
}