Nearest named color · #B8998E
#B8998E
Nearest named color: Creamed Caramel
#B8998E (rgb(184 153 142), hsl(16 23% 64%), oklch(0.708 0.04 40.5)) is closest to the named color Creamed Caramel. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#B8998E
oklch(0.708 0.04 40.5)
Color conversions
- HEX
- #b8998e
- RGB
- rgb(184 153 142)
- HSL
- hsl(16 23% 64%)
- HWB
- hwb(16 56% 28%)
- OKLCH
- oklch(0.708 0.04 40.5)
- OKLab
- oklab(0.708 0.031 0.026)
- CIE Lab
- lab(65.86 10.63 10.34)
- LCH
- lch(65.86 14.83 44.2)
- CMYK
- cmyk(0% 17% 23% 28%)
Tints · Shades · Tones
Tints
- BFA399
- C6ADA4
- CDB7AF
- D4C1BA
- DBCBC5
- E3D5D1
- EAE0DC
- F1EAE8
- F8F4F3
Shades
- A0847B
- 887068
- 715D56
- 5B4A44
- 453834
- 312724
- 1E1715
- 0C0807
- 020101
Tones
- B2978D
- AD948B
- A7928A
- A28F89
- 9C8D87
- 968A86
- 918884
- 8B8583
- 868381
Color harmonies
Complementary +180°
- B8998E
Creamed Caramel
- 86A7B3
≈ Equanimity
Analogous -30° +30°
- B8998E
Creamed Caramel
- B9979B
≈ Magenta Twilight
- B29D86
≈ Weathered Wood
Triadic +120° +240°
- B8998E
Creamed Caramel
- 8CA998
≈ Peaslake
- 9C9FBA
≈ House of Owen
Split-complementary +150° +210°
- B8998E
Creamed Caramel
- 84A9A7
≈ Acapulco Aqua
- 8FA3BA
≈ Sell Out
Tetradic +90° +180° +270°
- B8998E
Creamed Caramel
- 98A68C
≈ Frozen Edamame
- 86A7B3
≈ Equanimity
- A99AB4
≈ Purple Springs
Contrast & accessibility
Ag
FailOn white
WCAG 2.62:1 · APCA Lc 51
Ag
AAAOn black
WCAG 7.98:1 · APCA Lc 51
Best text color: #000000
WCAG 7.98:1 (AAA) · APCA Lc 51
Contrast pairs
Code snippets
CSS
:root {
--creamed-caramel: #b8998e;
--creamed-caramel-rgb: 184 153 142;
--creamed-caramel-oklch: oklch(0.708 0.04 40.5);
}
.element {
color: var(--creamed-caramel);
background-color: hsl(16 23% 64%);
border-color: oklch(0.708 0.04 40.5);
}Tailwind CSS v4
@theme {
--color-creamed-caramel: #b8998e;
--color-creamed-caramel-50: #fff2ec;
--color-creamed-caramel-100: #f4e4dd;
--color-creamed-caramel-200: #e4cfc7;
--color-creamed-caramel-300: #cab1a7;
--color-creamed-caramel-400: #b4978d;
--color-creamed-caramel-500: #9e7e72;
--color-creamed-caramel-600: #866a61;
--color-creamed-caramel-700: #6b554d;
--color-creamed-caramel-800: #4f3e38;
--color-creamed-caramel-900: #372a26;
--color-creamed-caramel-950: #221815;
}SCSS
$creamed-caramel: #b8998e;
$creamed-caramel-rgb: 184, 153, 142;
$creamed-caramel-light: mix(#fff, $creamed-caramel, 20%);
$creamed-caramel-dark: mix(#000, $creamed-caramel, 20%);
.element {
color: $creamed-caramel;
box-shadow: 0 0 0 2px rgba($creamed-caramel, 0.35);
}