이름 색상 · #DD55FF
Flaming Flamingo
Flaming Flamingo은(는) #DD55FF: rgb(221 85 255), hsl(288 100% 67%), oklch(0.695 0.257 318.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Flaming Flamingo color name →
#DD55FF
oklch(0.695 0.257 318.9)
색상 변환
- HEX
- #dd55ff
- RGB
- rgb(221 85 255)
- HSL
- hsl(288 100% 67%)
- HWB
- hwb(288 33% 0%)
- OKLCH
- oklch(0.695 0.257 318.9)
- OKLab
- oklab(0.695 0.194 -0.169)
- CIE Lab
- lab(60.48 70.24 -60.4)
- LCH
- lch(60.48 92.64 319.3)
- CMYK
- cmyk(13% 67% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- E26BFF
- E67EFF
- EA90FF
- EEA1FF
- F1B2FF
- F4C2FF
- F7D1FF
- FAE1FF
- FDF0FF
셰이드
- C049DE
- A43DBE
- 88319E
- 6E2680
- 551C63
- 3D1148
- 26082E
- 110216
- 020003
톤
- D45DF2
- CB64E6
- C26AD9
- B96FCC
- B073C0
- A677B3
- 9D7AA7
- 947C9A
- 8A7E8D
색 조화
보색 +180°
- DD55FF
Flaming Flamingo
- 44BA00
≈ Luigi
유사색 -30° +30°
- DD55FF
Flaming Flamingo
- 9B87FF
≈ Periwinkle
- FF49B4
≈ Barbie Pink
삼각 배색 +120° +240°
- DD55FF
Flaming Flamingo
- CC9000
≈ Festering Brown
- 00B3B8
≈ Cyan Sky
분열 보색 +150° +210°
- DD55FF
Flaming Flamingo
- A5A300
≈ Countryside
- 00B88E
≈ Green Velour
사각 배색 +90° +180° +270°
- DD55FF
Flaming Flamingo
- F57100
≈ Apocalyptic Orange
- 44BA00
≈ Luigi
- 00ACE0
≈ Blue Fire
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.08:1 · APCA Lc 57
Ag
AA검은색 위
WCAG 6.81:1 · APCA Lc 45
가장 좋은 글자색: #000000
WCAG 6.81:1 (AA) · APCA Lc 45
Contrast pairs
코드 스니펫
CSS
:root {
--flaming-flamingo: #dd55ff;
--flaming-flamingo-rgb: 221 85 255;
--flaming-flamingo-oklch: oklch(0.695 0.257 318.9);
}
.element {
color: var(--flaming-flamingo);
background-color: hsl(288 100% 67%);
border-color: oklch(0.695 0.257 318.9);
}Tailwind CSS v4
@theme {
--color-flaming-flamingo: #dd55ff;
--color-flaming-flamingo-50: #ffddff;
--color-flaming-flamingo-100: #ffcbff;
--color-flaming-flamingo-200: #ffaeff;
--color-flaming-flamingo-300: #f185ff;
--color-flaming-flamingo-400: #dc5dfc;
--color-flaming-flamingo-500: #c922ee;
--color-flaming-flamingo-600: #aa22c9;
--color-flaming-flamingo-700: #881ca1;
--color-flaming-flamingo-800: #64137b;
--color-flaming-flamingo-900: #460d57;
--color-flaming-flamingo-950: #2d003b;
}SCSS
$flaming-flamingo: #dd55ff;
$flaming-flamingo-rgb: 221, 85, 255;
$flaming-flamingo-light: mix(#fff, $flaming-flamingo, 20%);
$flaming-flamingo-dark: mix(#000, $flaming-flamingo, 20%);
.element {
color: $flaming-flamingo;
box-shadow: 0 0 0 2px rgba($flaming-flamingo, 0.35);
}