Cor nomeada · #BA0033
Warlord
Warlord é #BA0033: rgb(186 0 51), hsl(344 100% 36%), oklch(0.5 0.2 18.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Red mean? → · Warlord color name →
#BA0033
oklch(0.5 0.2 18.6)
Conversões de cor
- HEX
- #ba0033
- RGB
- rgb(186 0 51)
- HSL
- hsl(344 100% 36%)
- HWB
- hwb(344 0% 27%)
- OKLCH
- oklch(0.5 0.2 18.6)
- OKLab
- oklab(0.5 0.19 0.064)
- CIE Lab
- lab(39.79 64.51 29.58)
- LCH
- lch(39.79 70.97 24.6)
- CMYK
- cmyk(0% 100% 73% 27%)
Tons claros · Sombras · Tons
Tons claros
- C43446
- CE4F5A
- D7676D
- DF7E81
- E69495
- EDA9AA
- F3BFBF
- F8D4D4
- FCE9E9
Sombras
- A1002B
- 890023
- 72001C
- 5C0014
- 46000D
- 320007
- 1E0003
- 0D0001
- 020000
Tons
- B6243B
- B23543
- AE434B
- A94E53
- A4585A
- 9E6162
- 98696A
- 917171
- 897979
Harmonias de cor
Complementar +180°
- BA0033
Warlord
- 007275
≈ Scaly Green
Análoga -30° +30°
- BA0033
Warlord
- AD1276
≈ Fabric of Love
- 9E4600
≈ Oregon
Tríade +120° +240°
- BA0033
Warlord
- 2B7600
≈ Botanical Beauty
- 005CCC
≈ Dead Blue Eyes
Complementar dividida +150° +210°
- BA0033
Warlord
- 007559
≈ Tropical Rainforest
- 006D8F
≈ Copacabana
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.69:1 · APCA Lc 80
Ag
FailSobre preto
WCAG 3.13:1 · APCA Lc 21
Melhor cor de texto: #FFFFFF
WCAG 6.69:1 (AA) · APCA Lc 80
Contrast pairs
Trechos de código
CSS
:root {
--warlord: #ba0033;
--warlord-rgb: 186 0 51;
--warlord-oklch: oklch(0.5 0.2 18.6);
}
.element {
color: var(--warlord);
background-color: hsl(344 100% 36%);
border-color: oklch(0.5 0.2 18.6);
}Tailwind CSS v4
@theme {
--color-warlord: #ba0033;
--color-warlord-50: #ffdfdd;
--color-warlord-100: #ffcdcc;
--color-warlord-200: #ffb1b0;
--color-warlord-300: #ff898b;
--color-warlord-400: #fe626f;
--color-warlord-500: #ed314f;
--color-warlord-600: #c82d44;
--color-warlord-700: #a12436;
--color-warlord-800: #781829;
--color-warlord-900: #55101b;
--color-warlord-950: #39010c;
}SCSS
$warlord: #ba0033;
$warlord-rgb: 186, 0, 51;
$warlord-light: mix(#fff, $warlord, 20%);
$warlord-dark: mix(#000, $warlord, 20%);
.element {
color: $warlord;
box-shadow: 0 0 0 2px rgba($warlord, 0.35);
}