Benannte Farbe · #B6843C
Millionaire
Millionaire ist #B6843C: rgb(182 132 60), hsl(35 50% 47%), oklch(0.649 0.108 73.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Orange mean? → · Millionaire color name →
#B6843C
oklch(0.649 0.108 73.7)
Farbumrechnungen
- HEX
- #b6843c
- RGB
- rgb(182 132 60)
- HSL
- hsl(35 50% 47%)
- HWB
- hwb(35 24% 29%)
- OKLCH
- oklch(0.649 0.108 73.7)
- OKLab
- oklab(0.649 0.03 0.103)
- CIE Lab
- lab(59.18 14.49 45.6)
- LCH
- lch(59.18 47.84 72.4)
- CMYK
- cmyk(0% 27% 67% 29%)
Tints · Shades · Tones
Tints
- BE9052
- C59C66
- CCA879
- D4B58D
- DBC1A0
- E2CDB2
- EADAC5
- F1E6D8
- F8F2EC
Shades
- 9E7233
- 86602A
- 6F4F21
- 593F19
- 442F11
- 30200A
- 1D1204
- 0C0601
- 020100
Tones
- B18446
- AB844E
- A68456
- A1835D
- 9B8363
- 96836A
- 918270
- 8B8175
- 86817B
Farbharmonien
Komplementär +180°
- B6843C
Millionaire
- 5E92CF
≈ Bashful Blue
Analog -30° +30°
- B6843C
Millionaire
- C57857
≈ Spanish Peanut
- 9A923C
≈ Gecko
Triadisch +120° +240°
- B6843C
Millionaire
- 15A3A2
≈ Royal Cloak
- A67BBD
≈ Wisteria
Geteilt komplementär +150° +210°
- B6843C
Millionaire
- 2F9DBF
≈ Blue Horizon
- 8785CE
≈ Brocade
Tetradisch +90° +180° +270°
- B6843C
Millionaire
- 45A37D
≈ Funk
- 5E92CF
≈ Bashful Blue
- BD739F
≈ Valentine Heart
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.30:1 · APCA Lc 60
Ag
AAAuf Schwarz
WCAG 6.35:1 · APCA Lc 41
Beste Textfarbe: #000000
WCAG 6.35:1 (AA) · APCA Lc 41
Contrast pairs
Code-Snippets
CSS
:root {
--millionaire: #b6843c;
--millionaire-rgb: 182 132 60;
--millionaire-oklch: oklch(0.649 0.108 73.7);
}
.element {
color: var(--millionaire);
background-color: hsl(35 50% 47%);
border-color: oklch(0.649 0.108 73.7);
}Tailwind CSS v4
@theme {
--color-millionaire: #b6843c;
--color-millionaire-50: #fff2d4;
--color-millionaire-100: #fde4c1;
--color-millionaire-200: #efcfa1;
--color-millionaire-300: #d8b078;
--color-millionaire-400: #c59452;
--color-millionaire-500: #b07a24;
--color-millionaire-600: #956721;
--color-millionaire-700: #78521a;
--color-millionaire-800: #593b11;
--color-millionaire-900: #3e290b;
--color-millionaire-950: #281601;
}SCSS
$millionaire: #b6843c;
$millionaire-rgb: 182, 132, 60;
$millionaire-light: mix(#fff, $millionaire, 20%);
$millionaire-dark: mix(#000, $millionaire, 20%);
.element {
color: $millionaire;
box-shadow: 0 0 0 2px rgba($millionaire, 0.35);
}