Nearest named color · #C68D79
#C68D79
Nearest named color: Ginger Scent
#C68D79 (rgb(198 141 121), hsl(16 40% 63%), oklch(0.694 0.076 40.2)) is closest to the named color Ginger Scent. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#C68D79
oklch(0.694 0.076 40.2)
Color conversions
- HEX
- #c68d79
- RGB
- rgb(198 141 121)
- HSL
- hsl(16 40% 63%)
- HWB
- hwb(16 47% 22%)
- OKLCH
- oklch(0.694 0.076 40.2)
- OKLab
- oklab(0.694 0.058 0.049)
- CIE Lab
- lab(64.01 20.46 19.77)
- LCH
- lch(64.01 28.45 44)
- CMYK
- cmyk(0% 29% 39% 22%)
Tints · Shades · Tones
Tints
- CC9886
- D2A393
- D8AFA0
- DEBAAD
- E4C5BB
- E9D1C8
- EFDCD6
- F4E8E3
- FAF3F1
Shades
- AC7A68
- 926758
- 7A5548
- 624439
- 4B332B
- 35231D
- 211410
- 0E0705
- 020101
Tones
- BF8C7A
- B88B7B
- B18A7C
- AA887C
- A3877D
- 9C867E
- 95847E
- 8E837F
- 878180
Color harmonies
Complementary +180°
- C68D79
Ginger Scent
- 64A8BD
≈ Pacific Palisade
Analogous -30° +30°
- C68D79
Ginger Scent
- C78992
≈ Solid Pink
- BB9568
≈ Light Bronzer
Triadic +120° +240°
- C68D79
Ginger Scent
- 72AC8D
≈ Melon Green
- 9398CB
≈ Bluebell Frost
Split-complementary +150° +210°
- C68D79
Ginger Scent
- 61ACA7
≈ Veranda
- 79A1CA
≈ Shipmate
Tetradic +90° +180° +270°
- C68D79
Ginger Scent
- 8DA775
≈ Moss Candy
- 64A8BD
≈ Pacific Palisade
- AB90C0
≈ Enchanted Lilac
Contrast & accessibility
Ag
FailOn white
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOn black
WCAG 7.48:1 · APCA Lc 48
Best text color: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--ginger-scent: #c68d79;
--ginger-scent-rgb: 198 141 121;
--ginger-scent-oklch: oklch(0.694 0.076 40.2);
}
.element {
color: var(--ginger-scent);
background-color: hsl(16 40% 63%);
border-color: oklch(0.694 0.076 40.2);
}Tailwind CSS v4
@theme {
--color-ginger-scent: #c68d79;
--color-ginger-scent-50: #ffefe5;
--color-ginger-scent-100: #ffe0d4;
--color-ginger-scent-200: #f2cabb;
--color-ginger-scent-300: #daab99;
--color-ginger-scent-400: #c6907d;
--color-ginger-scent-500: #b1755f;
--color-ginger-scent-600: #966351;
--color-ginger-scent-700: #784f41;
--color-ginger-scent-800: #59392f;
--color-ginger-scent-900: #3e2720;
--color-ginger-scent-950: #27150f;
}SCSS
$ginger-scent: #c68d79;
$ginger-scent-rgb: 198, 141, 121;
$ginger-scent-light: mix(#fff, $ginger-scent, 20%);
$ginger-scent-dark: mix(#000, $ginger-scent, 20%);
.element {
color: $ginger-scent;
box-shadow: 0 0 0 2px rgba($ginger-scent, 0.35);
}