#C77B4D
red27% BrightnessWarm
Color Values
HEX
#C77B4D
RGB
rgb(199, 123, 77)
HSL
hsl(23°, 52%, 54%)
CMYK
cmyk(0%, 38%, 61%, 22%)
Color Harmonies
Complementary
C77B4D
4D99C7
Triadic
C77B4D
4DC77B
7B4DC7
Analogous
C74D5C
C77B4D
C7B84D
Monochromatic
5E361D
C77B4D
ECD1C1
Similar Colors
844C2A
C79A4D
C75C4D
DFB59B
C7B84D
C74D5C
CSS Snippets
CSS Variables
--color-base: #C77B4D; --color-light: #E1B79E; --color-dark: #804A28;
CSS Class
.element {
color: #C77B4D;
background: #371F11;
border-color: #844C2A;
}Contrast Analysis
Sample Text — 6.37:1
The quick brown fox jumps over the lazy dog
On Black6.37:1
On White3.30:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness27%
Saturation52%
Hue23°
Temp
Warm
LRV
27%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated red color with 27% brightness, 52% saturation, and 54% lightness.