Benannte Farbe · #A96F55
Orange Flambe
Orange Flambe ist #A96F55: rgb(169 111 85), hsl(19 33% 50%), oklch(0.597 0.083 44.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Orange Flambe color name →
#A96F55
oklch(0.597 0.083 44.9)
Farbumrechnungen
- HEX
- #a96f55
- RGB
- rgb(169 111 85)
- HSL
- hsl(19 33% 50%)
- HWB
- hwb(19 33% 34%)
- OKLCH
- oklch(0.597 0.083 44.9)
- OKLab
- oklab(0.597 0.059 0.059)
- CIE Lab
- lab(52.7 21.51 24.39)
- LCH
- lch(52.7 32.52 48.6)
- CMYK
- cmyk(0% 34% 50% 34%)
Tints · Shades · Tones
Tints
- B27D65
- BB8B76
- C49986
- CDA797
- D5B5A8
- DEC4B9
- E6D2CA
- EFE1DB
- F7F0ED
Shades
- 926049
- 7C513D
- 674231
- 533426
- 3F271C
- 2C1A11
- 1B0E08
- 0A0402
- 010100
Tones
- A5715A
- A2735E
- 9E7563
- 9A7767
- 96786B
- 927A70
- 8D7C74
- 897D78
- 857F7C
Farbharmonien
Komplementär +180°
- A96F55
Orange Flambe
- 408AA5
≈ Magic Blue
Analog -30° +30°
- A96F55
Orange Flambe
- AB6A6F
≈ Spanish Rose Shadow
- 9D7844
≈ Treasured
Triadisch +120° +240°
- A96F55
Orange Flambe
- 4A8F73
≈ Aegean Green
- 7A78AF
≈ Ontario Violet
Geteilt komplementär +150° +210°
- A96F55
Orange Flambe
- 368F8E
≈ Blue Chill
- 5D82B0
≈ Shrinking Violet
Tetradisch +90° +180° +270°
- A96F55
Orange Flambe
- 6A8B57
≈ Bright Forest
- 408AA5
≈ Magic Blue
- 9270A2
≈ Ce Soir
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.12:1 · APCA Lc 68
Ag
AAAuf Schwarz
WCAG 5.09:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 5.09:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
CSS
:root {
--orange-flambe: #a96f55;
--orange-flambe-rgb: 169 111 85;
--orange-flambe-oklch: oklch(0.597 0.083 44.9);
}
.element {
color: var(--orange-flambe);
background-color: hsl(19 33% 50%);
border-color: oklch(0.597 0.083 44.9);
}Tailwind CSS v4
@theme {
--color-orange-flambe: #a96f55;
--color-orange-flambe-50: #ffefe1;
--color-orange-flambe-100: #ffe0d1;
--color-orange-flambe-200: #f3cab6;
--color-orange-flambe-300: #dcab93;
--color-orange-flambe-400: #c98f75;
--color-orange-flambe-500: #b47457;
--color-orange-flambe-600: #98624a;
--color-orange-flambe-700: #7a4f3b;
--color-orange-flambe-800: #5b392b;
--color-orange-flambe-900: #40271d;
--color-orange-flambe-950: #28150d;
}SCSS
$orange-flambe: #a96f55;
$orange-flambe-rgb: 169, 111, 85;
$orange-flambe-light: mix(#fff, $orange-flambe, 20%);
$orange-flambe-dark: mix(#000, $orange-flambe, 20%);
.element {
color: $orange-flambe;
box-shadow: 0 0 0 2px rgba($orange-flambe, 0.35);
}