Warna bernama · #BB11FF
Hunky Hummingbird
Hunky Hummingbird adalah #BB11FF: rgb(187 17 255), hsl(283 100% 53%), oklch(0.607 0.298 311.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Purple mean? → · Hunky Hummingbird color name →
#BB11FF
oklch(0.607 0.298 311.7)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- C243FF
- CA60FF
- D178FF
- D88DFF
- DFA1FF
- E5B5FF
- ECC8FF
- F2DAFF
- F9EDFF
Shade
- A20DDE
- 8A09BE
- 73069E
- 5C0480
- 460263
- 320148
- 1F002E
- 0D0016
- 020003
Tone
- B532F3
- B044E6
- AA51DA
- A45BCE
- 9E64C1
- 996BB5
- 9371A8
- 8C779B
- 867C8E
Harmoni warna
Komplementer +180°
- BB11FF
Hunky Hummingbird
- 5B9500
≈ Limeade
Analog -30° +30°
- BB11FF
Hunky Hummingbird
- 7366FF
≈ Blue Genie
- DF00AE
≈ Aphroditean Fuchsia
Triadik +120° +240°
- BB11FF
Hunky Hummingbird
- B27300
≈ Philippine Gold
- 009692
≈ Columbia
Split-komplementer +150° +210°
- BB11FF
Hunky Hummingbird
- 928400
≈ Thicket Green
- 009A69
≈ Green Cyan
Tetradik +90° +180° +270°
- BB11FF
Hunky Hummingbird
- D85000
≈ Deep Orange
- 5B9500
≈ Limeade
- 0091B2
≈ Cool Tide
Kontras & aksesibilitas
Ag
AADi atas putih
WCAG 4.52:1 · APCA Lc 69
Ag
AADi atas hitam
WCAG 4.63:1 · APCA Lc 32
Warna teks terbaik: #000000
WCAG 4.63:1 (AA) · APCA Lc 32
Contrast pairs
Cuplikan kode
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);
}