Nearest named color · #B84F54
#B84F54
Nearest named color: Autumn Fire
#B84F54 (rgb(184 79 84), hsl(357 43% 52%), oklch(0.564 0.136 19.7)) is closest to the named color Autumn Fire. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B84F54
oklch(0.564 0.136 19.7)
Color conversions
- HEX
- #b84f54
- RGB
- rgb(184 79 84)
- HSL
- hsl(357 43% 52%)
- HWB
- hwb(357 31% 28%)
- OKLCH
- oklch(0.564 0.136 19.7)
- OKLab
- oklab(0.564 0.128 0.046)
- CIE Lab
- lab(48.02 43.66 19.43)
- LCH
- lch(48.02 47.79 24)
- CMYK
- cmyk(0% 57% 54% 28%)
Tints · Shades · Tones
Tints
- C16164
- C97374
- D28485
- D99695
- E1A7A6
- E7B8B8
- EECAC9
- F4DCDB
- FAEDED
Shades
- A04448
- 88383C
- 712E31
- 5B2326
- 45191B
- 311011
- 1E0708
- 0C0202
- 020000
Tones
- B35559
- AF5B5D
- AA6162
- A56666
- A06B6A
- 9A6F6F
- 947473
- 8E7877
- 877C7C
Color harmonies
Complementary +180°
- B84F54
Autumn Fire
- 00868C
≈ Totally Teal
Analogous -30° +30°
- B84F54
Autumn Fire
- AE5081
≈ Signal Pink
- B3591C
≈ Elm Brown Red
Triadic +120° +240°
- B84F54
Autumn Fire
- 468835
≈ Overgrown Mausoleum
- 4274C5
≈ Palace Blue
Split-complementary +150° +210°
- B84F54
Autumn Fire
- 008A6B
≈ Carolina Green
- 0081AA
≈ Advertising Blue
Tetradic +90° +180° +270°
- B84F54
Autumn Fire
- 7B7B00
≈ Mongolian Plateau
- 00868C
≈ Totally Teal
- 7565BF
≈ Ultra Violet
Contrast & accessibility
Ag
AAOn white
WCAG 4.90:1 · APCA Lc 73
Ag
FailOn black
WCAG 4.28:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 4.90:1 (AA) · APCA Lc 73
Contrast pairs
Code snippets
CSS
:root {
--autumn-fire: #b84f54;
--autumn-fire-rgb: 184 79 84;
--autumn-fire-oklch: oklch(0.564 0.136 19.7);
}
.element {
color: var(--autumn-fire);
background-color: hsl(357 43% 52%);
border-color: oklch(0.564 0.136 19.7);
}Tailwind CSS v4
@theme {
--color-autumn-fire: #b84f54;
--color-autumn-fire-50: #ffe7e4;
--color-autumn-fire-100: #ffd7d4;
--color-autumn-fire-200: #ffbeba;
--color-autumn-fire-300: #f59b98;
--color-autumn-fire-400: #e37b7d;
--color-autumn-fire-500: #d15b60;
--color-autumn-fire-600: #b04d52;
--color-autumn-fire-700: #8e3e41;
--color-autumn-fire-800: #692c30;
--color-autumn-fire-900: #4a1e21;
--color-autumn-fire-950: #300d10;
}SCSS
$autumn-fire: #b84f54;
$autumn-fire-rgb: 184, 79, 84;
$autumn-fire-light: mix(#fff, $autumn-fire, 20%);
$autumn-fire-dark: mix(#000, $autumn-fire, 20%);
.element {
color: $autumn-fire;
box-shadow: 0 0 0 2px rgba($autumn-fire, 0.35);
}