Nächste benannte Farbe · #BA5743
#BA5743
Nächste benannte Farbe: Hot Chilli
#BA5743 (rgb(186 87 67), hsl(10 47% 50%), oklch(0.576 0.133 32.9)) liegt am nächsten an der benannten Farbe Hot Chilli. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#BA5743
oklch(0.576 0.133 32.9)
Farbumrechnungen
- HEX
- #ba5743
- RGB
- rgb(186 87 67)
- HSL
- hsl(10 47% 50%)
- HWB
- hwb(10 26% 27%)
- OKLCH
- oklch(0.576 0.133 32.9)
- OKLab
- oklab(0.576 0.111 0.072)
- CIE Lab
- lab(49.61 39.72 31.46)
- LCH
- lch(49.61 50.67 38.4)
- CMYK
- cmyk(0% 53% 64% 27%)
Tints · Shades · Tones
Tints
- C36855
- CB7968
- D38A7A
- DA9A8C
- E1AB9F
- E8BCB2
- EECCC5
- F4DDD8
- FAEEEB
Shades
- A14B39
- 893E2F
- 723326
- 5C271D
- 461C14
- 32120C
- 1E0805
- 0D0301
- 020000
Tones
- B55C4A
- B06151
- AB6657
- A66A5D
- A06E63
- 9A7269
- 94766F
- 8E7975
- 877D7A
Farbharmonien
Komplementär +180°
- BA5743
Hot Chilli
- 00889C
≈ Toy Blue
Analog -30° +30°
- BA5743
Hot Chilli
- B75371
≈ Tulip Red
- AE6400
≈ Ginger
Triadisch +120° +240°
- BA5743
Hot Chilli
- 268F51
≈ Bottle Glass
- 6071C7
≈ Indigo Light
Geteilt komplementär +150° +210°
- BA5743
Hot Chilli
- 008C7F
≈ Greenlake
- 1580C0
≈ Honolulu Blue
Tetradisch +90° +180° +270°
- BA5743
Hot Chilli
- 6B8517
≈ Swamp Green
- 00889C
≈ Toy Blue
- 8963B9
≈ Lusty Lavender
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.63:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.53:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.63:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--hot-chilli: #ba5743;
--hot-chilli-rgb: 186 87 67;
--hot-chilli-oklch: oklch(0.576 0.133 32.9);
}
.element {
color: var(--hot-chilli);
background-color: hsl(10 47% 50%);
border-color: oklch(0.576 0.133 32.9);
}Tailwind CSS v4
@theme {
--color-hot-chilli: #ba5743;
--color-hot-chilli-50: #ffe9dc;
--color-hot-chilli-100: #ffd9ca;
--color-hot-chilli-200: #ffc0ae;
--color-hot-chilli-300: #f39f89;
--color-hot-chilli-400: #e17f6a;
--color-hot-chilli-500: #cf6049;
--color-hot-chilli-600: #af523f;
--color-hot-chilli-700: #8c4132;
--color-hot-chilli-800: #692e25;
--color-hot-chilli-900: #4a1f18;
--color-hot-chilli-950: #300e09;
}SCSS
$hot-chilli: #ba5743;
$hot-chilli-rgb: 186, 87, 67;
$hot-chilli-light: mix(#fff, $hot-chilli, 20%);
$hot-chilli-dark: mix(#000, $hot-chilli, 20%);
.element {
color: $hot-chilli;
box-shadow: 0 0 0 2px rgba($hot-chilli, 0.35);
}