Named color · #CEC5B4
Scenic Path
Scenic Path is #CEC5B4: rgb(206 197 180), hsl(39 21% 76%), oklch(0.826 0.025 83.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Scenic Path color name →
#CEC5B4
oklch(0.826 0.025 83.4)
Color conversions
- HEX
- #cec5b4
- RGB
- rgb(206 197 180)
- HSL
- hsl(39 21% 76%)
- HWB
- hwb(39 71% 19%)
- OKLCH
- oklch(0.826 0.025 83.4)
- OKLab
- oklab(0.826 0.003 0.025)
- CIE Lab
- lab(79.91 1.11 9.74)
- LCH
- lch(79.91 9.81 83.5)
- CMYK
- cmyk(0% 4% 13% 19%)
Tints · Shades · Tones
Tints
- D3CBBB
- D8D0C3
- DDD6CA
- E1DCD2
- E6E2D9
- EBE8E1
- F0EDE8
- F5F3F0
- FAF9F7
Shades
- B3AB9C
- 989285
- 7F796E
- 666158
- 4E4B44
- 383530
- 23211D
- 0F0E0C
- 020202
Tones
- C6BEAF
- BEB7A9
- B6B0A4
- AEA99F
- A6A29A
- 9E9B95
- 97948F
- 8F8D8A
- 878785
Color harmonies
Complementary +180°
- CEC5B4
Scenic Path
- BEC6D7
≈ Himalayan Poppy
Analogous -30° +30°
- CEC5B4
Scenic Path
- D4C2B7
≈ Pink Nudity
- C6C8B6
≈ Wabi-Sabi
Triadic +120° +240°
- CEC5B4
Scenic Path
- B4CBCD
≈ Berry Mojito
- CFC1D0
≈ Amethyst Light Violet
Split-complementary +150° +210°
- CEC5B4
Scenic Path
- B7C9D4
≈ Winter Blizzard
- C6C3D5
≈ Pale Violet
Tetradic +90° +180° +270°
- CEC5B4
Scenic Path
- B6CCC4
≈ Blue Fluorite
- BEC6D7
≈ Himalayan Poppy
- D4C0C7
≈ Elusive Violet
Contrast & accessibility
Ag
FailOn white
WCAG 1.71:1 · APCA Lc 31
Ag
AAAOn black
WCAG 12.26:1 · APCA Lc 72
Best text color: #000000
WCAG 12.26:1 (AAA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--scenic-path: #cec5b4;
--scenic-path-rgb: 206 197 180;
--scenic-path-oklch: oklch(0.826 0.025 83.4);
}
.element {
color: var(--scenic-path);
background-color: hsl(39 21% 76%);
border-color: oklch(0.826 0.025 83.4);
}Tailwind CSS v4
@theme {
--color-scenic-path: #cec5b4;
--color-scenic-path-50: #f8f5ed;
--color-scenic-path-100: #ece7df;
--color-scenic-path-200: #d9d4c8;
--color-scenic-path-300: #bdb7a9;
--color-scenic-path-400: #a69d8e;
--color-scenic-path-500: #8e8574;
--color-scenic-path-600: #787162;
--color-scenic-path-700: #605a4e;
--color-scenic-path-800: #474239;
--color-scenic-path-900: #312d27;
--color-scenic-path-950: #1d1a15;
}SCSS
$scenic-path: #cec5b4;
$scenic-path-rgb: 206, 197, 180;
$scenic-path-light: mix(#fff, $scenic-path, 20%);
$scenic-path-dark: mix(#000, $scenic-path, 20%);
.element {
color: $scenic-path;
box-shadow: 0 0 0 2px rgba($scenic-path, 0.35);
}