Nächste benannte Farbe · #B95743
#B95743
Nächste benannte Farbe: Hot Chilli
#B95743 (rgb(185 87 67), hsl(10 47% 49%), oklch(0.574 0.131 33)) liegt am nächsten an der benannten Farbe Hot Chilli. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#B95743
oklch(0.574 0.131 33)
Farbumrechnungen
- HEX
- #b95743
- RGB
- rgb(185 87 67)
- HSL
- hsl(10 47% 49%)
- HWB
- hwb(10 26% 27%)
- OKLCH
- oklch(0.574 0.131 33)
- OKLab
- oklab(0.574 0.11 0.072)
- CIE Lab
- lab(49.46 39.34 31.23)
- LCH
- lch(49.46 50.23 38.4)
- CMYK
- cmyk(0% 53% 64% 27%)
Tints · Shades · Tones
Tints
- C26855
- CA7968
- D28A7A
- D99A8C
- E0AB9F
- E7BCB2
- EECCC5
- F4DDD8
- FAEEEB
Shades
- A04B39
- 893E2F
- 713326
- 5B271D
- 461C14
- 31120C
- 1E0805
- 0D0301
- 020000
Tones
- B45C4A
- AF6151
- AA6657
- A56A5D
- A06E63
- 9A7269
- 94766F
- 8E7975
- 877D7A
Farbharmonien
Komplementär +180°
- B95743
Hot Chilli
- 00879C
≈ Marker Blue
Analog -30° +30°
- B95743
Hot Chilli
- B65371
≈ Tulip Red
- AD6400
≈ Ginger
Triadisch +120° +240°
- B95743
Hot Chilli
- 278E52
≈ Bottle Glass
- 6071C5
≈ Indigo Light
Geteilt komplementär +150° +210°
- B95743
Hot Chilli
- 008C7E
≈ Greenlake
- 177FBF
≈ Honolulu Blue
Tetradisch +90° +180° +270°
- B95743
Hot Chilli
- 6A8419
≈ Jungle Vibes
- 00879C
≈ Marker Blue
- 8963B8
≈ Lusty Lavender
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.65:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.50:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--hot-chilli: #b95743;
--hot-chilli-rgb: 185 87 67;
--hot-chilli-oklch: oklch(0.574 0.131 33);
}
.element {
color: var(--hot-chilli);
background-color: hsl(10 47% 49%);
border-color: oklch(0.574 0.131 33);
}Tailwind CSS v4
@theme {
--color-hot-chilli: #b95743;
--color-hot-chilli-50: #ffe9dc;
--color-hot-chilli-100: #ffd9cb;
--color-hot-chilli-200: #ffc1af;
--color-hot-chilli-300: #f29f89;
--color-hot-chilli-400: #e1806b;
--color-hot-chilli-500: #ce604a;
--color-hot-chilli-600: #ae523f;
--color-hot-chilli-700: #8c4132;
--color-hot-chilli-800: #682e25;
--color-hot-chilli-900: #491f19;
--color-hot-chilli-950: #300f09;
}SCSS
$hot-chilli: #b95743;
$hot-chilli-rgb: 185, 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);
}