Nazwany kolor · #A84734
Barbarossa
Barbarossa to #A84734: rgb(168 71 52), hsl(10 53% 43%), oklch(0.522 0.132 32.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Barbarossa color name →
#A84734
oklch(0.522 0.132 32.8)
Konwersje koloru
- HEX
- #a84734
- RGB
- rgb(168 71 52)
- HSL
- hsl(10 53% 43%)
- HWB
- hwb(10 20% 34%)
- OKLCH
- oklch(0.522 0.132 32.8)
- OKLab
- oklab(0.522 0.111 0.072)
- CIE Lab
- lab(43.42 39.83 31.97)
- LCH
- lch(43.42 51.08 38.8)
- CMYK
- cmyk(0% 58% 69% 34%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B25A48
- BC6C5C
- C67E6F
- CF9183
- D8A397
- E1B5AB
- E9C7C0
- F1DAD4
- F8ECEA
Odcienie ciemniejsze
- 923D2C
- 7C3224
- 67281C
- 521F15
- 3F160E
- 2C0D07
- 1A0603
- 0A0201
- 010000
Tony
- A54E3D
- A25545
- 9F5B4D
- 9B6154
- 98675C
- 946C63
- 8F716A
- 8B7672
- 867B79
Harmonie kolorów
Komplementarna +180°
- A84734
Barbarossa
- 007789
≈ Biscay Bay
Analogowa -30° +30°
- A84734
Barbarossa
- A54362
≈ Rouge Like
- 995700
≈ Charlie Brown
Triada +120° +240°
- A84734
Barbarossa
- 097E42
≈ Tokiwa Green
- 5161B5
≈ Chinese Bellflower
Komplementarna rozszczepiona +150° +210°
- A84734
Barbarossa
- 007B6E
≈ Pond Moss
- 0070AC
≈ Planetarium
Tetrada +90° +180° +270°
- A84734
Barbarossa
- 5C7500
≈ Topiary Green
- 007789
≈ Biscay Bay
- 7954A8
≈ Royal Lavender
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.80:1 · APCA Lc 78
Ag
FailNa czerni
WCAG 3.61:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.80:1 (AA) · APCA Lc 78
Contrast pairs
Fragmenty kodu
CSS
:root {
--barbarossa: #a84734;
--barbarossa-rgb: 168 71 52;
--barbarossa-oklch: oklch(0.522 0.132 32.8);
}
.element {
color: var(--barbarossa);
background-color: hsl(10 53% 43%);
border-color: oklch(0.522 0.132 32.8);
}Tailwind CSS v4
@theme {
--color-barbarossa: #a84734;
--color-barbarossa-50: #ffe9dc;
--color-barbarossa-100: #ffd9cb;
--color-barbarossa-200: #ffc1ae;
--color-barbarossa-300: #f39f89;
--color-barbarossa-400: #e17f6b;
--color-barbarossa-500: #cf604a;
--color-barbarossa-600: #af523f;
--color-barbarossa-700: #8c4132;
--color-barbarossa-800: #692e25;
--color-barbarossa-900: #4a1f18;
--color-barbarossa-950: #300e09;
}SCSS
$barbarossa: #a84734;
$barbarossa-rgb: 168, 71, 52;
$barbarossa-light: mix(#fff, $barbarossa, 20%);
$barbarossa-dark: mix(#000, $barbarossa, 20%);
.element {
color: $barbarossa;
box-shadow: 0 0 0 2px rgba($barbarossa, 0.35);
}