이름 색상 · #F1A7FE
Rich Brilliant Lavender
Rich Brilliant Lavender은(는) #F1A7FE: rgb(241 167 254), hsl(291 98% 83%), oklch(0.828 0.142 321.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Rich Brilliant Lavender color name →
#F1A7FE
oklch(0.828 0.142 321.4)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- F3B0FE
- F5B9FF
- F6C2FF
- F8CBFF
- F9D4FF
- FBDDFF
- FCE5FF
- FDEEFF
- FEF6FF
셰이드
- D291DD
- B37BBD
- 95669E
- 795280
- 5D3E63
- 432C47
- 2B1A2D
- 140A16
- 030103
톤
- E5A3F1
- DAA0E4
- CE9CD7
- C398CA
- B895BE
- AC91B1
- A18DA5
- 968898
- 8B848C
색 조화
보색 +180°
- F1A7FE
Rich Brilliant Lavender
- 91DE86
≈ VIC 20 Green
유사색 -30° +30°
- F1A7FE
Rich Brilliant Lavender
- C7BCFF
≈ Lavender Tonic
- FFA8CF
≈ Majin Bū Pink
삼각 배색 +120° +240°
- F1A7FE
Rich Brilliant Lavender
- F5BC4C
≈ Full Yellow
- 00E1ED
≈ Tamarama
분열 보색 +150° +210°
- F1A7FE
Rich Brilliant Lavender
- CACF58
≈ Sonic Lime
- 49E4BB
≈ Aphrodite Aqua
사각 배색 +90° +180° +270°
- F1A7FE
Rich Brilliant Lavender
- FFB385
≈ Coral Dusk
- 91DE86
≈ VIC 20 Green
- 7BD3FF
≈ Sky
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.79:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.69:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.69:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
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);
}