Nazwany kolor · #BB11FF
Hunky Hummingbird
Hunky Hummingbird to #BB11FF: rgb(187 17 255), hsl(283 100% 53%), oklch(0.607 0.298 311.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Hunky Hummingbird color name →
#BB11FF
oklch(0.607 0.298 311.7)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C243FF
- CA60FF
- D178FF
- D88DFF
- DFA1FF
- E5B5FF
- ECC8FF
- F2DAFF
- F9EDFF
Odcienie ciemniejsze
- A20DDE
- 8A09BE
- 73069E
- 5C0480
- 460263
- 320148
- 1F002E
- 0D0016
- 020003
Tony
- B532F3
- B044E6
- AA51DA
- A45BCE
- 9E64C1
- 996BB5
- 9371A8
- 8C779B
- 867C8E
Harmonie kolorów
Komplementarna +180°
- BB11FF
Hunky Hummingbird
- 5B9500
≈ Limeade
Analogowa -30° +30°
- BB11FF
Hunky Hummingbird
- 7366FF
≈ Blue Genie
- DF00AE
≈ Aphroditean Fuchsia
Triada +120° +240°
- BB11FF
Hunky Hummingbird
- B27300
≈ Philippine Gold
- 009692
≈ Columbia
Komplementarna rozszczepiona +150° +210°
- BB11FF
Hunky Hummingbird
- 928400
≈ Thicket Green
- 009A69
≈ Green Cyan
Tetrada +90° +180° +270°
- BB11FF
Hunky Hummingbird
- D85000
≈ Deep Orange
- 5B9500
≈ Limeade
- 0091B2
≈ Cool Tide
Kontrast i dostępność
Ag
AANa bieli
WCAG 4.52:1 · APCA Lc 69
Ag
AANa czerni
WCAG 4.63:1 · APCA Lc 32
Najlepszy kolor tekstu: #000000
WCAG 4.63:1 (AA) · APCA Lc 32
Contrast pairs
Fragmenty kodu
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);
}