Named color · #7D6D70
Dusky Cyclamen
Dusky Cyclamen is #7D6D70: rgb(125 109 112), hsl(349 7% 46%), oklch(0.551 0.021 5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Dusky Cyclamen color name →
#7D6D70
oklch(0.551 0.021 5)
Color conversions
- HEX
- #7d6d70
- RGB
- rgb(125 109 112)
- HSL
- hsl(349 7% 46%)
- HWB
- hwb(349 43% 51%)
- OKLCH
- oklch(0.551 0.021 5)
- OKLab
- oklab(0.551 0.021 0.002)
- CIE Lab
- lab(47.63 6.9 0.76)
- LCH
- lch(47.63 6.94 6.3)
- CMYK
- cmyk(0% 13% 10% 51%)
Tints · Shades · Tones
Tints
- 897B7D
- 96888B
- A29699
- AFA5A7
- BCB3B5
- C9C2C3
- D6D1D2
- E4E0E1
- F1EFF0
Shades
- 6C5E60
- 5B4F51
- 4B4143
- 3B3335
- 2C2627
- 1E191A
- 110D0E
- 050404
- 010101
Tones
- 7D6F72
- 7E7173
- 7E7375
- 7E7576
- 7F7678
- 7F787A
- 7F7A7B
- 807C7D
- 807E7E
Color harmonies
Complementary +180°
- 7D6D70
Dusky Cyclamen
- 657673
≈ Sirocco
Analogous -30° +30°
- 7D6D70
Dusky Cyclamen
- 7A6D77
≈ Lavender Elegance
- 7D6E6A
≈ Hickory Cliff
Triadic +120° +240°
- 7D6D70
Dusky Cyclamen
- 6F7467
≈ Evergreen Trail
- 68737D
≈ Wharf View
Split-complementary +150° +210°
- 7D6D70
Dusky Cyclamen
- 69766D
≈ Sirocco
- 657579
≈ Relaxed Navy
Tetradic +90° +180° +270°
- 7D6D70
Dusky Cyclamen
- 757264
≈ Viking Castle
- 657673
≈ Sirocco
- 6E717E
≈ Paisley
Contrast & accessibility
Ag
AAOn white
WCAG 4.89:1 · APCA Lc 74
Ag
FailOn black
WCAG 4.29:1 · APCA Lc 28
Best text color: #FFFFFF
WCAG 4.89:1 (AA) · APCA Lc 74
Contrast pairs
Code snippets
CSS
:root {
--dusky-cyclamen: #7d6d70;
--dusky-cyclamen-rgb: 125 109 112;
--dusky-cyclamen-oklch: oklch(0.551 0.021 5);
}
.element {
color: var(--dusky-cyclamen);
background-color: hsl(349 7% 46%);
border-color: oklch(0.551 0.021 5);
}Tailwind CSS v4
@theme {
--color-dusky-cyclamen: #7d6d70;
--color-dusky-cyclamen-50: #fbf3f4;
--color-dusky-cyclamen-100: #eee5e7;
--color-dusky-cyclamen-200: #ddd1d3;
--color-dusky-cyclamen-300: #c1b3b5;
--color-dusky-cyclamen-400: #aa9a9d;
--color-dusky-cyclamen-500: #938184;
--color-dusky-cyclamen-600: #7c6d70;
--color-dusky-cyclamen-700: #635759;
--color-dusky-cyclamen-800: #494042;
--color-dusky-cyclamen-900: #332c2d;
--color-dusky-cyclamen-950: #1e191a;
}SCSS
$dusky-cyclamen: #7d6d70;
$dusky-cyclamen-rgb: 125, 109, 112;
$dusky-cyclamen-light: mix(#fff, $dusky-cyclamen, 20%);
$dusky-cyclamen-dark: mix(#000, $dusky-cyclamen, 20%);
.element {
color: $dusky-cyclamen;
box-shadow: 0 0 0 2px rgba($dusky-cyclamen, 0.35);
}