이름 색상 · #FE6FFF
Flamazing Pink
Flamazing Pink은(는) #FE6FFF: rgb(254 111 255), hsl(300 100% 72%), oklch(0.765 0.238 327.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Flamazing Pink color name →
#FE6FFF
oklch(0.765 0.238 327.3)
색상 변환
- HEX
- #fe6fff
- RGB
- rgb(254 111 255)
- HSL
- hsl(300 100% 72%)
- HWB
- hwb(300 44% 0%)
- OKLCH
- oklch(0.765 0.238 327.3)
- OKLab
- oklab(0.765 0.201 -0.129)
- CIE Lab
- lab(69.12 68.45 -46.41)
- LCH
- lch(69.12 82.7 325.9)
- CMYK
- cmyk(0% 56% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- FF80FF
- FF90FF
- FFA0FF
- FFAEFF
- FFBCFF
- FFCAFF
- FFD8FF
- FFE5FF
- FFF2FF
셰이드
- DD60DE
- BD51BE
- 9E429E
- 803480
- 632763
- 471A48
- 2D0E2E
- 160416
- 030103
톤
- F273F2
- E577E5
- D97AD8
- CC7CCC
- C07EBF
- B47FB2
- A780A6
- 9A8099
- 8D808D
색 조화
보색 +180°
- FE6FFF
Flamazing Pink
- 00D752
≈ Malachite
유사색 -30° +30°
- FE6FFF
Flamazing Pink
- BD9FFF
≈ Diva
- FF85B3
≈ Cochonnet
삼각 배색 +120° +240°
- FE6FFF
Flamazing Pink
- DDAB00
≈ Chinese Gold
- 00C9DD
≈ The Crowd Roars!
분열 보색 +150° +210°
- FE6FFF
Flamazing Pink
- ABC000
≈ Bahia
- 00CFB2
≈ Mint Leaf
사각 배색 +90° +180° +270°
- FE6FFF
Flamazing Pink
- FF9434
≈ Energy Orange
- 00D752
≈ Malachite
- 4CBFFF
≈ Hello Summer
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.35:1 · APCA Lc 46
Ag
AAA검은색 위
WCAG 8.93:1 · APCA Lc 56
가장 좋은 글자색: #000000
WCAG 8.93:1 (AAA) · APCA Lc 56
Contrast pairs
코드 스니펫
CSS
:root {
--flamazing-pink: #fe6fff;
--flamazing-pink-rgb: 254 111 255;
--flamazing-pink-oklch: oklch(0.765 0.238 327.3);
}
.element {
color: var(--flamazing-pink);
background-color: hsl(300 100% 72%);
border-color: oklch(0.765 0.238 327.3);
}Tailwind CSS v4
@theme {
--color-flamazing-pink: #fe6fff;
--color-flamazing-pink-50: #ffddff;
--color-flamazing-pink-100: #ffcbff;
--color-flamazing-pink-200: #ffaeff;
--color-flamazing-pink-300: #f885f2;
--color-flamazing-pink-400: #e45ee5;
--color-flamazing-pink-500: #d129d5;
--color-flamazing-pink-600: #b127b3;
--color-flamazing-pink-700: #8e2090;
--color-flamazing-pink-800: #68166e;
--color-flamazing-pink-900: #490e4d;
--color-flamazing-pink-950: #300133;
}SCSS
$flamazing-pink: #fe6fff;
$flamazing-pink-rgb: 254, 111, 255;
$flamazing-pink-light: mix(#fff, $flamazing-pink, 20%);
$flamazing-pink-dark: mix(#000, $flamazing-pink, 20%);
.element {
color: $flamazing-pink;
box-shadow: 0 0 0 2px rgba($flamazing-pink, 0.35);
}