Nearest named color · #CC7C6A
#CC7C6A
Nearest named color: Himalayan Salt
#CC7C6A (rgb(204 124 106), hsl(11 49% 61%), oklch(0.668 0.104 33.5)) is closest to the named color Himalayan Salt. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#CC7C6A
oklch(0.668 0.104 33.5)
Color conversions
- HEX
- #cc7c6a
- RGB
- rgb(204 124 106)
- HSL
- hsl(11 49% 61%)
- HWB
- hwb(11 42% 20%)
- OKLCH
- oklch(0.668 0.104 33.5)
- OKLab
- oklab(0.668 0.087 0.057)
- CIE Lab
- lab(60.57 30.51 23.74)
- LCH
- lch(60.57 38.66 37.9)
- CMYK
- cmyk(0% 39% 48% 20%)
Tints · Shades · Tones
Tints
- D28978
- D89687
- DEA395
- E3B0A4
- E8BDB3
- EDCAC2
- F2D7D1
- F7E4E0
- FBF2EF
Shades
- B16B5B
- 975A4D
- 7E4A3F
- 653B31
- 4E2C24
- 371E18
- 22110D
- 0F0504
- 020100
Tones
- C57D6D
- BE7E6F
- B67E71
- AF7F74
- A77F76
- A08078
- 98807A
- 90807C
- 88807E
Color harmonies
Complementary +180°
- CC7C6A
Himalayan Salt
- 31A5BB
≈ Jamaican Sea
Analogous -30° +30°
- CC7C6A
Himalayan Salt
- CA788E
≈ Devilish Diva
- C1864C
≈ Rookwood Amber
Triadic +120° +240°
- CC7C6A
Himalayan Salt
- 5EA776
≈ Aqua Forest
- 8090D4
≈ Mood Mode
Split-complementary +150° +210°
- CC7C6A
Himalayan Salt
- 34A99B
≈ Tropical Hideaway
- 589BCF
≈ Tall Waves
Tetradic +90° +180° +270°
- CC7C6A
Himalayan Salt
- 889F55
≈ Springview Green
- 31A5BB
≈ Jamaican Sea
- A284C9
≈ Lilac Purple
Contrast & accessibility
Ag
FailOn white
WCAG 3.15:1 · APCA Lc 58
Ag
AAOn black
WCAG 6.65:1 · APCA Lc 43
Best text color: #000000
WCAG 6.65:1 (AA) · APCA Lc 43
Contrast pairs
Code snippets
CSS
:root {
--himalayan-salt: #cc7c6a;
--himalayan-salt-rgb: 204 124 106;
--himalayan-salt-oklch: oklch(0.668 0.104 33.5);
}
.element {
color: var(--himalayan-salt);
background-color: hsl(11 49% 61%);
border-color: oklch(0.668 0.104 33.5);
}Tailwind CSS v4
@theme {
--color-himalayan-salt: #cc7c6a;
--color-himalayan-salt-50: #ffebe1;
--color-himalayan-salt-100: #ffdcd1;
--color-himalayan-salt-200: #fdc5b6;
--color-himalayan-salt-300: #e7a593;
--color-himalayan-salt-400: #d48776;
--color-himalayan-salt-500: #c16b58;
--color-himalayan-salt-600: #a35b4b;
--color-himalayan-salt-700: #83483b;
--color-himalayan-salt-800: #61342b;
--color-himalayan-salt-900: #44231d;
--color-himalayan-salt-950: #2c120d;
}SCSS
$himalayan-salt: #cc7c6a;
$himalayan-salt-rgb: 204, 124, 106;
$himalayan-salt-light: mix(#fff, $himalayan-salt, 20%);
$himalayan-salt-dark: mix(#000, $himalayan-salt, 20%);
.element {
color: $himalayan-salt;
box-shadow: 0 0 0 2px rgba($himalayan-salt, 0.35);
}