이름 색상 · #917292
Felicia
Felicia은(는) #917292: rgb(145 114 146), hsl(298 13% 51%), oklch(0.593 0.06 325.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Felicia color name →
#917292
oklch(0.593 0.06 325.3)
색상 변환
- HEX
- #917292
- RGB
- rgb(145 114 146)
- HSL
- hsl(298 13% 51%)
- HWB
- hwb(298 45% 43%)
- OKLCH
- oklch(0.593 0.06 325.3)
- OKLab
- oklab(0.593 0.049 -0.034)
- CIE Lab
- lab(51.96 16.9 -12.63)
- LCH
- lch(51.96 21.1 323.2)
- CMYK
- cmyk(1% 22% 0% 43%)
틴트 · 셰이드 · 톤
틴트
- 9C7F9C
- A68DA7
- B19AB2
- BCA8BD
- C7B6C7
- D2C5D2
- DDD3DD
- E8E1E9
- F4F0F4
셰이드
- 7D627E
- 6A536B
- 584458
- 463646
- 352835
- 251B25
- 150E16
- 070408
- 010101
톤
- 8F7490
- 8E758F
- 8C768D
- 8B788B
- 897989
- 877B87
- 857C86
- 847D84
- 827F82
색 조화
보색 +180°
- 917292
Felicia
- 688868
≈ Shale Green
유사색 -30° +30°
- 917292
Felicia
- 81779F
≈ Voxatron Purple
- 9C6F80
≈ Meadow Flower
삼각 배색 +120° +240°
- 917292
Felicia
- 8F7C54
≈ Old Ruin
- 50898F
≈ Flounce
분열 보색 +150° +210°
- 917292
Felicia
- 7C8359
≈ Oregano
- 568A7C
≈ Privet Hedge
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 4.17:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 5.02:1 · APCA Lc 33
가장 좋은 글자색: #000000
WCAG 5.02:1 (AA) · APCA Lc 33
Contrast pairs
코드 스니펫
CSS
:root {
--felicia: #917292;
--felicia-rgb: 145 114 146;
--felicia-oklch: oklch(0.593 0.06 325.3);
}
.element {
color: var(--felicia);
background-color: hsl(298 13% 51%);
border-color: oklch(0.593 0.06 325.3);
}Tailwind CSS v4
@theme {
--color-felicia: #917292;
--color-felicia-50: #ffeffe;
--color-felicia-100: #f3e1f2;
--color-felicia-200: #e3cce2;
--color-felicia-300: #c9adc8;
--color-felicia-400: #b193b2;
--color-felicia-500: #9b799c;
--color-felicia-600: #836684;
--color-felicia-700: #69526a;
--color-felicia-800: #4d3b4e;
--color-felicia-900: #352937;
--color-felicia-950: #201721;
}SCSS
$felicia: #917292;
$felicia-rgb: 145, 114, 146;
$felicia-light: mix(#fff, $felicia, 20%);
$felicia-dark: mix(#000, $felicia, 20%);
.element {
color: $felicia;
box-shadow: 0 0 0 2px rgba($felicia, 0.35);
}