이름 색상 · #FC44A3
Fioletowy Purple
Fioletowy Purple은(는) #FC44A3: rgb(252 68 163), hsl(329 97% 63%), oklch(0.681 0.233 353.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Fioletowy Purple color name →
#FC44A3
oklch(0.681 0.233 353.7)
색상 변환
- HEX
- #fc44a3
- RGB
- rgb(252 68 163)
- HSL
- hsl(329 97% 63%)
- HWB
- hwb(329 27% 1%)
- OKLCH
- oklch(0.681 0.233 353.7)
- OKLab
- oklab(0.681 0.231 -0.026)
- CIE Lab
- lab(59.91 74.27 -8.74)
- LCH
- lch(59.91 74.78 353.3)
- CMYK
- cmyk(0% 73% 35% 1%)
틴트 · 셰이드 · 톤
틴트
- FF5DAC
- FF73B5
- FF86BE
- FF99C7
- FFABD0
- FFBCD9
- FFCDE3
- FFDEEC
- FFEEF6
셰이드
- DB3A8D
- BB3078
- 9C2663
- 7E1D4F
- 62143C
- 470C2A
- 2D0519
- 16020A
- 030001
톤
- F1509F
- E5599C
- DA6198
- CE6795
- C26D91
- B6728E
- A9768A
- 9C7A87
- 8F7D83
색 조화
보색 +180°
- FC44A3
Fioletowy Purple
- 00B292
≈ Victorian Greenhouse
유사색 -30° +30°
- FC44A3
Fioletowy Purple
- DA58E8
≈ Clematis Magenta
- FF5456
≈ Fluorescent Red
삼각 배색 +120° +240°
- FC44A3
Fioletowy Purple
- 99A200
≈ Forest Lichen
- 00A5E2
≈ Vanadyl Blue
분열 보색 +150° +210°
- FC44A3
Fioletowy Purple
- 00B922
≈ Pedestrian Green
- 00ADB9
≈ Placid Sea
사각 배색 +90° +180° +270°
- FC44A3
Fioletowy Purple
- C18F00
≈ Moutarde de Bénichon
- 00B292
≈ Victorian Greenhouse
- 6194FF
≈ Blue Chaos
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.23:1 · APCA Lc 58
Ag
AA검은색 위
WCAG 6.49:1 · APCA Lc 43
가장 좋은 글자색: #000000
WCAG 6.49:1 (AA) · APCA Lc 43
Contrast pairs
코드 스니펫
CSS
:root {
--fioletowy-purple: #fc44a3;
--fioletowy-purple-rgb: 252 68 163;
--fioletowy-purple-oklch: oklch(0.681 0.233 353.7);
}
.element {
color: var(--fioletowy-purple);
background-color: hsl(329 97% 63%);
border-color: oklch(0.681 0.233 353.7);
}Tailwind CSS v4
@theme {
--color-fioletowy-purple: #fc44a3;
--color-fioletowy-purple-50: #ffdaf8;
--color-fioletowy-purple-100: #ffc7eb;
--color-fioletowy-purple-200: #ffa8d8;
--color-fioletowy-purple-300: #ff7ebc;
--color-fioletowy-purple-400: #ff53a8;
--color-fioletowy-purple-500: #ed0091;
--color-fioletowy-purple-600: #c90e7b;
--color-fioletowy-purple-700: #a10e62;
--color-fioletowy-purple-800: #78084b;
--color-fioletowy-purple-900: #550634;
--color-fioletowy-purple-950: #38001f;
}SCSS
$fioletowy-purple: #fc44a3;
$fioletowy-purple-rgb: 252, 68, 163;
$fioletowy-purple-light: mix(#fff, $fioletowy-purple, 20%);
$fioletowy-purple-dark: mix(#000, $fioletowy-purple, 20%);
.element {
color: $fioletowy-purple;
box-shadow: 0 0 0 2px rgba($fioletowy-purple, 0.35);
}