이름 색상 · #BA90AD
Fabulous Fantasy
Fabulous Fantasy은(는) #BA90AD: rgb(186 144 173), hsl(319 23% 65%), oklch(0.702 0.064 337.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Fabulous Fantasy color name →
#BA90AD
oklch(0.702 0.064 337.9)
색상 변환
- HEX
- #ba90ad
- RGB
- rgb(186 144 173)
- HSL
- hsl(319 23% 65%)
- HWB
- hwb(319 56% 27%)
- OKLCH
- oklch(0.702 0.064 337.9)
- OKLab
- oklab(0.702 0.059 -0.024)
- CIE Lab
- lab(64.52 19.91 -8.86)
- LCH
- lch(64.52 21.79 336)
- CMYK
- cmyk(0% 23% 7% 27%)
틴트 · 셰이드 · 톤
틴트
- C19BB5
- C8A6BD
- CFB0C5
- D6BBCD
- DDC6D5
- E4D2DE
- EBDDE6
- F1E8EE
- F8F4F7
셰이드
- A17D96
- 896A7F
- 72576A
- 5C4555
- 463441
- 32242D
- 1E151B
- 0D070B
- 020101
톤
- B48EA8
- AE8DA4
- A98B9F
- A38A9B
- 9D8896
- 978792
- 91858D
- 8C8389
- 868284
색 조화
보색 +180°
- BA90AD
Fabulous Fantasy
- 7DAC90
≈ Nature Green
유사색 -30° +30°
- BA90AD
Fabulous Fantasy
- AA95BE
≈ Enchanted Lilac
- C38F97
≈ Dogwood Bloom
삼각 배색 +120° +240°
- BA90AD
Fabulous Fantasy
- A9A072
≈ Fresh Olive
- 70A9BA
≈ Milky Blue
분열 보색 +150° +210°
- BA90AD
Fabulous Fantasy
- 93A77C
≈ Forester
- 6FACA6
≈ Turquoise Fantasies
사각 배색 +90° +180° +270°
- BA90AD
Fabulous Fantasy
- BA9874
≈ Woven Wicker
- 7DAC90
≈ Nature Green
- 80A3C5
≈ Seaborne
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.73:1 · APCA Lc 53
Ag
AAA검은색 위
WCAG 7.68:1 · APCA Lc 49
가장 좋은 글자색: #000000
WCAG 7.68:1 (AAA) · APCA Lc 49
Contrast pairs
코드 스니펫
CSS
:root {
--fabulous-fantasy: #ba90ad;
--fabulous-fantasy-rgb: 186 144 173;
--fabulous-fantasy-oklch: oklch(0.702 0.064 337.9);
}
.element {
color: var(--fabulous-fantasy);
background-color: hsl(319 23% 65%);
border-color: oklch(0.702 0.064 337.9);
}Tailwind CSS v4
@theme {
--color-fabulous-fantasy: #ba90ad;
--color-fabulous-fantasy-50: #ffeefb;
--color-fabulous-fantasy-100: #f8e0ef;
--color-fabulous-fantasy-200: #e8cadd;
--color-fabulous-fantasy-300: #cfabc2;
--color-fabulous-fantasy-400: #b890ac;
--color-fabulous-fantasy-500: #a27695;
--color-fabulous-fantasy-600: #89647e;
--color-fabulous-fantasy-700: #6e5065;
--color-fabulous-fantasy-800: #513a4b;
--color-fabulous-fantasy-900: #382834;
--color-fabulous-fantasy-950: #23161f;
}SCSS
$fabulous-fantasy: #ba90ad;
$fabulous-fantasy-rgb: 186, 144, 173;
$fabulous-fantasy-light: mix(#fff, $fabulous-fantasy, 20%);
$fabulous-fantasy-dark: mix(#000, $fabulous-fantasy, 20%);
.element {
color: $fabulous-fantasy;
box-shadow: 0 0 0 2px rgba($fabulous-fantasy, 0.35);
}