이름 색상 · #FE01B1
Pink Hysteria
Pink Hysteria은(는) #FE01B1: rgb(254 1 177), hsl(318 99% 50%), oklch(0.661 0.278 347.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Pink Hysteria color name →
#FE01B1
oklch(0.661 0.278 347.5)
색상 변환
- HEX
- #fe01b1
- RGB
- rgb(254 1 177)
- HSL
- hsl(318 99% 50%)
- HWB
- hwb(318 0% 0%)
- OKLCH
- oklch(0.661 0.278 347.5)
- OKLab
- oklab(0.661 0.271 -0.06)
- CIE Lab
- lab(56.82 86.52 -21.47)
- LCH
- lch(56.82 89.15 346.1)
- CMYK
- cmyk(0% 100% 30% 0%)
틴트 · 셰이드 · 톤
틴트
- FF40B9
- FF5EC1
- FF77C9
- FF8CD0
- FFA1D8
- FFB5E0
- FFC8E8
- FFDAEF
- FFEDF7
셰이드
- DD0199
- BD0183
- 9E006C
- 800057
- 630042
- 47002F
- 2D001C
- 16000C
- 030001
톤
- F32FAC
- E842A7
- DC4FA2
- D05A9E
- C46399
- B86A94
- AB718F
- 9E778A
- 8F7C85
색 조화
보색 +180°
- FE01B1
Pink Hysteria
- 00AC82
≈ Simply Green
유사색 -30° +30°
- FE01B1
Pink Hysteria
- D33DFE
≈ Pink Insanity
- FF3C5C
≈ Sizzling Red
삼각 배색 +120° +240°
- FE01B1
Pink Hysteria
- 9C9800
≈ Papyrus
- 00A1CF
≈ Charybdis
분열 보색 +150° +210°
- FE01B1
Pink Hysteria
- 4AAD00
≈ Early Dew
- 00A7AB
≈ Blue Bolero
사각 배색 +90° +180° +270°
- FE01B1
Pink Hysteria
- C18600
≈ Yellow Gold
- 00AC82
≈ Simply Green
- 4190FF
≈ Clear Chill
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.58:1 · APCA Lc 61
Ag
AA검은색 위
WCAG 5.85:1 · APCA Lc 41
가장 좋은 글자색: #000000
WCAG 5.85:1 (AA) · APCA Lc 41
Contrast pairs
코드 스니펫
CSS
:root {
--pink-hysteria: #fe01b1;
--pink-hysteria-rgb: 254 1 177;
--pink-hysteria-oklch: oklch(0.661 0.278 347.5);
}
.element {
color: var(--pink-hysteria);
background-color: hsl(318 99% 50%);
border-color: oklch(0.661 0.278 347.5);
}Tailwind CSS v4
@theme {
--color-pink-hysteria: #fe01b1;
--color-pink-hysteria-50: #ffd4ff;
--color-pink-hysteria-100: #ffc1f6;
--color-pink-hysteria-200: #ff9fe6;
--color-pink-hysteria-300: #ff6fcc;
--color-pink-hysteria-400: #ff37bc;
--color-pink-hysteria-500: #f700a7;
--color-pink-hysteria-600: #d1008d;
--color-pink-hysteria-700: #a80071;
--color-pink-hysteria-800: #7d0057;
--color-pink-hysteria-900: #58003d;
--color-pink-hysteria-950: #3b0026;
}SCSS
$pink-hysteria: #fe01b1;
$pink-hysteria-rgb: 254, 1, 177;
$pink-hysteria-light: mix(#fff, $pink-hysteria, 20%);
$pink-hysteria-dark: mix(#000, $pink-hysteria, 20%);
.element {
color: $pink-hysteria;
box-shadow: 0 0 0 2px rgba($pink-hysteria, 0.35);
}