Named color · #B79C94
Creamed Caramel
Creamed Caramel is #B79C94: rgb(183 156 148), hsl(14 20% 65%), oklch(0.715 0.034 37.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Creamed Caramel color name →
#B79C94
oklch(0.715 0.034 37.1)
Color conversions
- HEX
- #b79c94
- RGB
- rgb(183 156 148)
- HSL
- hsl(14 20% 65%)
- HWB
- hwb(14 58% 28%)
- OKLCH
- oklch(0.715 0.034 37.1)
- OKLab
- oklab(0.715 0.027 0.021)
- CIE Lab
- lab(66.65 9.35 8.1)
- LCH
- lch(66.65 12.37 40.9)
- CMYK
- cmyk(0% 15% 19% 28%)
Tints · Shades · Tones
Tints
- BEA69E
- C5AFA9
- CCB9B3
- D4C3BE
- DBCDC8
- E2D6D3
- E9E0DE
- F0EBE9
- F8F5F4
Shades
- 9F8780
- 87736D
- 705F5A
- 5A4C48
- 453936
- 312826
- 1E1816
- 0C0908
- 020101
Tones
- B19992
- AC9690
- A6948E
- A1918C
- 9B8E8A
- 968B88
- 908886
- 8B8684
- 858382
Color harmonies
Complementary +180°
- B79C94
Creamed Caramel
- 8CA9B1
≈ Stone Silver
Analogous -30° +30°
- B79C94
Creamed Caramel
- B79A9F
≈ Twilight Blush
- B29F8D
≈ Gilded Beige
Triadic +120° +240°
- B79C94
Creamed Caramel
- 92AA9A
≈ Melville
- 9DA1B9
≈ Wild Thistle
Split-complementary +150° +210°
- B79C94
Creamed Caramel
- 8CAAA6
≈ Oceanus
- 92A5B8
≈ River Valley
Tetradic +90° +180° +270°
- B79C94
Creamed Caramel
- 9DA791
≈ Irish Paddock
- 8CA9B1
≈ Stone Silver
- A89EB4
≈ Grapeade
Contrast & accessibility
Ag
FailOn white
WCAG 2.56:1 · APCA Lc 50
Ag
AAAOn black
WCAG 8.19:1 · APCA Lc 52
Best text color: #000000
WCAG 8.19:1 (AAA) · APCA Lc 52
Contrast pairs
Code snippets
CSS
:root {
--creamed-caramel: #b79c94;
--creamed-caramel-rgb: 183 156 148;
--creamed-caramel-oklch: oklch(0.715 0.034 37.1);
}
.element {
color: var(--creamed-caramel);
background-color: hsl(14 20% 65%);
border-color: oklch(0.715 0.034 37.1);
}Tailwind CSS v4
@theme {
--color-creamed-caramel: #b79c94;
--color-creamed-caramel-50: #fff2ee;
--color-creamed-caramel-100: #f3e4e0;
--color-creamed-caramel-200: #e2d0ca;
--color-creamed-caramel-300: #c8b2ab;
--color-creamed-caramel-400: #b19890;
--color-creamed-caramel-500: #9b7f76;
--color-creamed-caramel-600: #836b64;
--color-creamed-caramel-700: #695650;
--color-creamed-caramel-800: #4d3e3a;
--color-creamed-caramel-900: #362b28;
--color-creamed-caramel-950: #211816;
}SCSS
$creamed-caramel: #b79c94;
$creamed-caramel-rgb: 183, 156, 148;
$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);
}