Adlandırılmış renk · #BB0066
Aztec Warrior
Aztec Warrior, #BB0066: rgb(187 0 102), hsl(327 100% 37%), oklch(0.514 0.209 358.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Aztec Warrior color name →
#BB0066
oklch(0.514 0.209 358.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C53474
- CF5083
- D76891
- DF7EA0
- E694AF
- EDA9BF
- F3BFCF
- F8D4DE
- FCE9EF
Koyu tonlar
- A20058
- 8A004A
- 73003C
- 5C002F
- 460023
- 320017
- 1F000C
- 0D0004
- 020000
Gri tonlar
- B72469
- B3366B
- AE436E
- A94E70
- A45873
- 9E6175
- 986978
- 91717B
- 89797D
Renk uyumları
Tamamlayıcı +180°
- BB0066
Aztec Warrior
- 007968
≈ Shady Glade
Analog -30° +30°
- BB0066
Aztec Warrior
- A224A1
≈ Purple Tone Ink
- C3030A
≈ Threatening Red
Üçlü +120° +240°
- BB0066
Aztec Warrior
- 617000
≈ Brownish Green
- 006FA1
≈ Disarm
Bölünmüş tamamlayıcı +150° +210°
- BB0066
Aztec Warrior
- 007D31
≈ Pharmaceutical Green
- 007582
≈ Deep Current
Dörtlü +90° +180° +270°
- BB0066
Aztec Warrior
- 806300
≈ Ground Earth
- 007968
≈ Shady Glade
- 3755DD
≈ Veteran’s Day Blue
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.35:1 · APCA Lc 79
Ag
FailSiyah üzerinde
WCAG 3.30:1 · APCA Lc 23
En iyi metin rengi: #FFFFFF
WCAG 6.35:1 (AA) · APCA Lc 79
Contrast pairs
Kod parçacıkları
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);
}