Cor nomeada · #BB0066
Aztec Warrior
Aztec Warrior é #BB0066: rgb(187 0 102), hsl(327 100% 37%), oklch(0.514 0.209 358.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Aztec Warrior color name →
#BB0066
oklch(0.514 0.209 358.3)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- C53474
- CF5083
- D76891
- DF7EA0
- E694AF
- EDA9BF
- F3BFCF
- F8D4DE
- FCE9EF
Sombras
- A20058
- 8A004A
- 73003C
- 5C002F
- 460023
- 320017
- 1F000C
- 0D0004
- 020000
Tons
- B72469
- B3366B
- AE436E
- A94E70
- A45873
- 9E6175
- 986978
- 91717B
- 89797D
Harmonias de cor
Complementar +180°
- BB0066
Aztec Warrior
- 007968
≈ Shady Glade
Análoga -30° +30°
- BB0066
Aztec Warrior
- A224A1
≈ Purple Tone Ink
- C3030A
≈ Threatening Red
Tríade +120° +240°
- BB0066
Aztec Warrior
- 617000
≈ Brownish Green
- 006FA1
≈ Disarm
Complementar dividida +150° +210°
- BB0066
Aztec Warrior
- 007D31
≈ Pharmaceutical Green
- 007582
≈ Deep Current
Tétrade +90° +180° +270°
- BB0066
Aztec Warrior
- 806300
≈ Ground Earth
- 007968
≈ Shady Glade
- 3755DD
≈ Veteran’s Day Blue
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.35:1 · APCA Lc 79
Ag
FailSobre preto
WCAG 3.30:1 · APCA Lc 23
Melhor cor de texto: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 79
Contrast pairs
Trechos de código
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);
}