Nearest named color · #BC744D
#BC744D
Nearest named color: Dune Spice
#BC744D (rgb(188 116 77), hsl(21 45% 52%), oklch(0.628 0.106 48.5)) is closest to the named color Dune Spice. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#BC744D
oklch(0.628 0.106 48.5)
Color conversions
- HEX
- #bc744d
- RGB
- rgb(188 116 77)
- HSL
- hsl(21 45% 52%)
- HWB
- hwb(21 30% 26%)
- OKLCH
- oklch(0.628 0.106 48.5)
- OKLab
- oklab(0.628 0.07 0.079)
- CIE Lab
- lab(56.25 26.32 33.86)
- LCH
- lch(56.25 42.89 52.1)
- CMYK
- cmyk(0% 38% 59% 26%)
Tints · Shades · Tones
Tints
- C4825F
- CB8F70
- D29D82
- D9AB93
- E0B9A5
- E6C7B7
- EDD5C8
- F3E3DA
- F9F1ED
Shades
- A36442
- 8B5437
- 73452C
- 5D3722
- 472918
- 321B0F
- 1F0F07
- 0D0502
- 020100
Tones
- B67653
- B17759
- AB795E
- A57A64
- 9F7B69
- 997C6E
- 937D72
- 8D7E77
- 877F7C
Color harmonies
Complementary +180°
- BC744D
Dune Spice
- 3294BB
≈ Galleon Blue
Analogous -30° +30°
- BC744D
Dune Spice
- C06D70
≈ Watermelon Crush
- AB8035
≈ Bronze Leaf
Triadic +120° +240°
- BC744D
Dune Spice
- 389D7D
≈ Dancing Jewel
- 867EC5
≈ Faraway Sky
Split-complementary +150° +210°
- BC744D
Dune Spice
- 089CA0
≈ Island Dream
- 6089C8
≈ Marina
Tetradic +90° +180° +270°
- BC744D
Dune Spice
- 679858
≈ Meadow Green
- 3294BB
≈ Galleon Blue
- A473B2
≈ Purple Pride
Contrast & accessibility
Ag
FailOn white
WCAG 3.65:1 · APCA Lc 64
Ag
AAOn black
WCAG 5.74:1 · APCA Lc 38
Best text color: #000000
WCAG 5.74:1 (AA) · APCA Lc 38
Contrast pairs
Code snippets
CSS
:root {
--dune-spice: #bc744d;
--dune-spice-rgb: 188 116 77;
--dune-spice-oklch: oklch(0.628 0.106 48.5);
}
.element {
color: var(--dune-spice);
background-color: hsl(21 45% 52%);
border-color: oklch(0.628 0.106 48.5);
}Tailwind CSS v4
@theme {
--color-dune-spice: #bc744d;
--color-dune-spice-50: #ffeddb;
--color-dune-spice-100: #ffdfc9;
--color-dune-spice-200: #fac8ac;
--color-dune-spice-300: #e4a886;
--color-dune-spice-400: #d18b66;
--color-dune-spice-500: #be6f43;
--color-dune-spice-600: #a05e3a;
--color-dune-spice-700: #814b2e;
--color-dune-spice-800: #603621;
--color-dune-spice-900: #432516;
--color-dune-spice-950: #2b1307;
}SCSS
$dune-spice: #bc744d;
$dune-spice-rgb: 188, 116, 77;
$dune-spice-light: mix(#fff, $dune-spice, 20%);
$dune-spice-dark: mix(#000, $dune-spice, 20%);
.element {
color: $dune-spice;
box-shadow: 0 0 0 2px rgba($dune-spice, 0.35);
}