Benannte Farbe · #553D3E
Budapest Brown
Budapest Brown ist #553D3E: rgb(85 61 62), hsl(358 16% 29%), oklch(0.387 0.034 16). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Budapest Brown color name →
#553D3E
oklch(0.387 0.034 16)
Farbumrechnungen
- HEX
- #553d3e
- RGB
- rgb(85 61 62)
- HSL
- hsl(358 16% 29%)
- HWB
- hwb(358 24% 67%)
- OKLCH
- oklch(0.387 0.034 16)
- OKLab
- oklab(0.387 0.033 0.009)
- CIE Lab
- lab(28.53 10.98 3.74)
- LCH
- lch(28.53 11.6 18.8)
- CMYK
- cmyk(0% 28% 27% 67%)
Tints · Shades · Tones
Tints
- 654E4F
- 756061
- 857273
- 968586
- A79899
- B8ACAC
- C9C0C0
- DBD5D5
- EDEAEA
Shades
- 493435
- 3D2B2B
- 312223
- 261A1A
- 1C1212
- 110A0A
- 080404
- 020101
- 000000
Tones
- 594344
- 5E4A4B
- 625051
- 665757
- 6B5E5E
- 6F6465
- 736B6B
- 787272
- 7C7979
Farbharmonien
Komplementär +180°
- 553D3E
Budapest Brown
- 2E4A4A
≈ Delta Green
Analog -30° +30°
- 553D3E
Budapest Brown
- 523D48
≈ Indulgence
- 543F35
≈ Kenpō Brown
Triadisch +120° +240°
- 553D3E
Budapest Brown
- 3C4936
≈ Copper Pyrite Green
- 384556
≈ Aristocratic Blue
Geteilt komplementär +150° +210°
- 553D3E
Budapest Brown
- 334A40
≈ Garnet Black Green
- 304852
≈ Dad’s Coupe
Tetradisch +90° +180° +270°
- 553D3E
Budapest Brown
- 464630
≈ Tin Bitz
- 2E4A4A
≈ Delta Green
- 424256
≈ Dark Renaissance
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.89:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.12:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.89:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--budapest-brown: #553d3e;
--budapest-brown-rgb: 85 61 62;
--budapest-brown-oklch: oklch(0.387 0.034 16);
}
.element {
color: var(--budapest-brown);
background-color: hsl(358 16% 29%);
border-color: oklch(0.387 0.034 16);
}Tailwind CSS v4
@theme {
--color-budapest-brown: #553d3e;
--color-budapest-brown-50: #fff1f1;
--color-budapest-brown-100: #f3e4e4;
--color-budapest-brown-200: #e2cfcf;
--color-budapest-brown-300: #c8b1b1;
--color-budapest-brown-400: #b29798;
--color-budapest-brown-500: #9c7d7e;
--color-budapest-brown-600: #836a6b;
--color-budapest-brown-700: #695556;
--color-budapest-brown-800: #4d3e3f;
--color-budapest-brown-900: #362a2b;
--color-budapest-brown-950: #211819;
}SCSS
$budapest-brown: #553d3e;
$budapest-brown-rgb: 85, 61, 62;
$budapest-brown-light: mix(#fff, $budapest-brown, 20%);
$budapest-brown-dark: mix(#000, $budapest-brown, 20%);
.element {
color: $budapest-brown;
box-shadow: 0 0 0 2px rgba($budapest-brown, 0.35);
}