Nächste benannte Farbe · #A54B38
#A54B38
Nächste benannte Farbe: Barbarossa
#A54B38 (rgb(165 75 56), hsl(10 49% 43%), oklch(0.524 0.124 33.4)) liegt am nächsten an der benannten Farbe Barbarossa. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#A54B38
oklch(0.524 0.124 33.4)
Farbumrechnungen
- HEX
- #a54b38
- RGB
- rgb(165 75 56)
- HSL
- hsl(10 49% 43%)
- HWB
- hwb(10 22% 35%)
- OKLCH
- oklch(0.524 0.124 33.4)
- OKLab
- oklab(0.524 0.103 0.068)
- CIE Lab
- lab(43.73 36.92 29.88)
- LCH
- lch(43.73 47.49 39)
- CMYK
- cmyk(0% 55% 66% 35%)
Tints · Shades · Tones
Tints
- AF5D4B
- BA6F5E
- C38172
- CD9285
- D6A499
- DFB6AC
- E7C8C1
- F0DAD5
- F7ECEA
Shades
- 8F402F
- 793527
- 652B1F
- 512117
- 3D170F
- 2B0E08
- 1A0604
- 0A0201
- 010000
Tones
- A25140
- A05748
- 9C5D4F
- 996356
- 96685D
- 926D64
- 8E726B
- 8A7772
- 857B79
Farbharmonien
Komplementär +180°
- A54B38
Barbarossa
- 00778A
≈ Biscay Bay
Analog -30° +30°
- A54B38
Barbarossa
- A24763
≈ Ancient Fuchsia
- 995800
≈ Charlie Brown
Triadisch +120° +240°
- A54B38
Barbarossa
- 1A7E47
≈ Picture Book Green
- 5463B1
≈ Submarine Base
Geteilt komplementär +150° +210°
- A54B38
Barbarossa
- 007B70
≈ Pond Moss
- 0D70AB
≈ Planetarium
Tetradisch +90° +180° +270°
- A54B38
Barbarossa
- 5C750F
≈ Topiary Green
- 00778A
≈ Biscay Bay
- 7956A4
≈ Sumire Violet
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.73:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.66:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.73:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--barbarossa: #a54b38;
--barbarossa-rgb: 165 75 56;
--barbarossa-oklch: oklch(0.524 0.124 33.4);
}
.element {
color: var(--barbarossa);
background-color: hsl(10 49% 43%);
border-color: oklch(0.524 0.124 33.4);
}Tailwind CSS v4
@theme {
--color-barbarossa: #a54b38;
--color-barbarossa-50: #ffeadd;
--color-barbarossa-100: #ffdacc;
--color-barbarossa-200: #ffc2b1;
--color-barbarossa-300: #efa18c;
--color-barbarossa-400: #dd826e;
--color-barbarossa-500: #ca634d;
--color-barbarossa-600: #ab5542;
--color-barbarossa-700: #894435;
--color-barbarossa-800: #663027;
--color-barbarossa-900: #48211a;
--color-barbarossa-950: #2f100a;
}SCSS
$barbarossa: #a54b38;
$barbarossa-rgb: 165, 75, 56;
$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);
}