이름 색상 · #BB11FF
Hunky Hummingbird
Hunky Hummingbird은(는) #BB11FF: rgb(187 17 255), hsl(283 100% 53%), oklch(0.607 0.298 311.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Hunky Hummingbird color name →
#BB11FF
oklch(0.607 0.298 311.7)
색상 변환
- HEX
- #bb11ff
- RGB
- rgb(187 17 255)
- HSL
- hsl(283 100% 53%)
- HWB
- hwb(283 7% 0%)
- OKLCH
- oklch(0.607 0.298 311.7)
- OKLab
- oklab(0.607 0.198 -0.223)
- CIE Lab
- lab(48.91 80.89 -79.35)
- LCH
- lch(48.91 113.31 315.6)
- CMYK
- cmyk(27% 93% 0% 0%)
틴트 · 셰이드 · 톤
틴트
- C243FF
- CA60FF
- D178FF
- D88DFF
- DFA1FF
- E5B5FF
- ECC8FF
- F2DAFF
- F9EDFF
셰이드
- A20DDE
- 8A09BE
- 73069E
- 5C0480
- 460263
- 320148
- 1F002E
- 0D0016
- 020003
톤
- B532F3
- B044E6
- AA51DA
- A45BCE
- 9E64C1
- 996BB5
- 9371A8
- 8C779B
- 867C8E
색 조화
보색 +180°
- BB11FF
Hunky Hummingbird
- 5B9500
≈ Limeade
유사색 -30° +30°
- BB11FF
Hunky Hummingbird
- 7366FF
≈ Blue Genie
- DF00AE
≈ Aphroditean Fuchsia
삼각 배색 +120° +240°
- BB11FF
Hunky Hummingbird
- B27300
≈ Philippine Gold
- 009692
≈ Columbia
분열 보색 +150° +210°
- BB11FF
Hunky Hummingbird
- 928400
≈ Thicket Green
- 009A69
≈ Green Cyan
사각 배색 +90° +180° +270°
- BB11FF
Hunky Hummingbird
- D85000
≈ Deep Orange
- 5B9500
≈ Limeade
- 0091B2
≈ Cool Tide
대비 및 접근성
Ag
AA흰색 위
WCAG 4.52:1 · APCA Lc 69
Ag
AA검은색 위
WCAG 4.63:1 · APCA Lc 32
가장 좋은 글자색: #000000
WCAG 4.63:1 (AA) · APCA Lc 32
Contrast pairs
코드 스니펫
CSS
:root {
--hunky-hummingbird: #bb11ff;
--hunky-hummingbird-rgb: 187 17 255;
--hunky-hummingbird-oklch: oklch(0.607 0.298 311.7);
}
.element {
color: var(--hunky-hummingbird);
background-color: hsl(283 100% 53%);
border-color: oklch(0.607 0.298 311.7);
}Tailwind CSS v4
@theme {
--color-hunky-hummingbird: #bb11ff;
--color-hunky-hummingbird-50: #ffdcff;
--color-hunky-hummingbird-100: #ffc9ff;
--color-hunky-hummingbird-200: #ffaaff;
--color-hunky-hummingbird-300: #ec7eff;
--color-hunky-hummingbird-400: #d750ff;
--color-hunky-hummingbird-500: #c500ff;
--color-hunky-hummingbird-600: #a600e5;
--color-hunky-hummingbird-700: #8500b8;
--color-hunky-hummingbird-800: #61008d;
--color-hunky-hummingbird-900: #440264;
--color-hunky-hummingbird-950: #2c0045;
}SCSS
$hunky-hummingbird: #bb11ff;
$hunky-hummingbird-rgb: 187, 17, 255;
$hunky-hummingbird-light: mix(#fff, $hunky-hummingbird, 20%);
$hunky-hummingbird-dark: mix(#000, $hunky-hummingbird, 20%);
.element {
color: $hunky-hummingbird;
box-shadow: 0 0 0 2px rgba($hunky-hummingbird, 0.35);
}