Benannte Farbe · #BB0066
Aztec Warrior
Aztec Warrior ist #BB0066: rgb(187 0 102), hsl(327 100% 37%), oklch(0.514 0.209 358.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Aztec Warrior color name →
#BB0066
oklch(0.514 0.209 358.3)
Farbumrechnungen
- HEX
- #bb0066
- RGB
- rgb(187 0 102)
- HSL
- hsl(327 100% 37%)
- HWB
- hwb(327 0% 27%)
- OKLCH
- oklch(0.514 0.209 358.3)
- OKLab
- oklab(0.514 0.209 -0.006)
- CIE Lab
- lab(41 66.95 -1.3)
- LCH
- lch(41 66.97 358.9)
- CMYK
- cmyk(0% 100% 45% 27%)
Tints · Shades · Tones
Tints
- C53474
- CF5083
- D76891
- DF7EA0
- E694AF
- EDA9BF
- F3BFCF
- F8D4DE
- FCE9EF
Shades
- A20058
- 8A004A
- 73003C
- 5C002F
- 460023
- 320017
- 1F000C
- 0D0004
- 020000
Tones
- B72469
- B3366B
- AE436E
- A94E70
- A45873
- 9E6175
- 986978
- 91717B
- 89797D
Farbharmonien
Komplementär +180°
- BB0066
Aztec Warrior
- 007968
≈ Shady Glade
Analog -30° +30°
- BB0066
Aztec Warrior
- A224A1
≈ Purple Tone Ink
- C3030A
≈ Threatening Red
Triadisch +120° +240°
- BB0066
Aztec Warrior
- 617000
≈ Brownish Green
- 006FA1
≈ Disarm
Geteilt komplementär +150° +210°
- BB0066
Aztec Warrior
- 007D31
≈ Pharmaceutical Green
- 007582
≈ Deep Current
Tetradisch +90° +180° +270°
- BB0066
Aztec Warrior
- 806300
≈ Ground Earth
- 007968
≈ Shady Glade
- 3755DD
≈ Veteran’s Day Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.35:1 · APCA Lc 79
Ag
FailAuf Schwarz
WCAG 3.30:1 · APCA Lc 23
Beste Textfarbe: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 79
Contrast pairs
Code-Snippets
CSS
:root {
--aztec-warrior: #bb0066;
--aztec-warrior-rgb: 187 0 102;
--aztec-warrior-oklch: oklch(0.514 0.209 358.3);
}
.element {
color: var(--aztec-warrior);
background-color: hsl(327 100% 37%);
border-color: oklch(0.514 0.209 358.3);
}Tailwind CSS v4
@theme {
--color-aztec-warrior: #bb0066;
--color-aztec-warrior-50: #ffddf2;
--color-aztec-warrior-100: #ffcbe4;
--color-aztec-warrior-200: #ffadd0;
--color-aztec-warrior-300: #ff85b2;
--color-aztec-warrior-400: #fa5d9d;
--color-aztec-warrior-500: #e82985;
--color-aztec-warrior-600: #c42770;
--color-aztec-warrior-700: #9e1f5a;
--color-aztec-warrior-800: #751544;
--color-aztec-warrior-900: #530e2f;
--color-aztec-warrior-950: #37001c;
}SCSS
$aztec-warrior: #bb0066;
$aztec-warrior-rgb: 187, 0, 102;
$aztec-warrior-light: mix(#fff, $aztec-warrior, 20%);
$aztec-warrior-dark: mix(#000, $aztec-warrior, 20%);
.element {
color: $aztec-warrior;
box-shadow: 0 0 0 2px rgba($aztec-warrior, 0.35);
}