Named color · #C4A3BF
Marsh Orchid
Marsh Orchid is #C4A3BF: rgb(196 163 191), hsl(309 22% 70%), oklch(0.754 0.054 331.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Marsh Orchid color name →
#C4A3BF
oklch(0.754 0.054 331.2)
Color conversions
- HEX
- #c4a3bf
- RGB
- rgb(196 163 191)
- HSL
- hsl(309 22% 70%)
- HWB
- hwb(309 64% 23%)
- OKLCH
- oklch(0.754 0.054 331.2)
- OKLab
- oklab(0.754 0.048 -0.026)
- CIE Lab
- lab(70.66 16.09 -9.67)
- LCH
- lch(70.66 18.78 329)
- CMYK
- cmyk(0% 17% 3% 23%)
Tints · Shades · Tones
Tints
- CAACC5
- D0B5CC
- D6BED2
- DCC7D8
- E2D0DF
- E7DAE5
- EDE3EC
- F3ECF2
- F9F6F8
Shades
- AA8DA6
- 91788D
- 786375
- 614F5E
- 4A3C48
- 352A33
- 21191F
- 0E0A0D
- 020102
Tones
- BD9FB9
- B69CB2
- AF98AC
- A895A5
- A2919F
- 9B8E99
- 948A92
- 8D878C
- 878386
Color harmonies
Complementary +180°
- C4A3BF
Marsh Orchid
- 97B99E
≈ Greyed Jade
Analogous -30° +30°
- C4A3BF
Marsh Orchid
- B5A8CD
≈ Wisteria-Wise
- CDA1AD
≈ Whisper of Rose
Triadic +120° +240°
- C4A3BF
Marsh Orchid
- BCAE88
≈ Faded Letter
- 87B9C3
≈ Sea Angel
Split-complementary +150° +210°
- C4A3BF
Marsh Orchid
- A9B58F
≈ Casa Verde
- 89BBB1
≈ Morning Green
Tetradic +90° +180° +270°
- C4A3BF
Marsh Orchid
- C9A88D
≈ Riviera Clay
- 97B99E
≈ Greyed Jade
- 91B4CF
≈ Innocent Blue
Contrast & accessibility
Ag
FailOn white
WCAG 2.24:1 · APCA Lc 44
Ag
AAAOn black
WCAG 9.33:1 · APCA Lc 58
Best text color: #000000
WCAG 9.33:1 (AAA) · APCA Lc 58
Contrast pairs
Code snippets
CSS
:root {
--marsh-orchid: #c4a3bf;
--marsh-orchid-rgb: 196 163 191;
--marsh-orchid-oklch: oklch(0.754 0.054 331.2);
}
.element {
color: var(--marsh-orchid);
background-color: hsl(309 22% 70%);
border-color: oklch(0.754 0.054 331.2);
}Tailwind CSS v4
@theme {
--color-marsh-orchid: #c4a3bf;
--color-marsh-orchid-50: #fff0fc;
--color-marsh-orchid-100: #f4e2f0;
--color-marsh-orchid-200: #e3ccde;
--color-marsh-orchid-300: #c9aec3;
--color-marsh-orchid-400: #b293ad;
--color-marsh-orchid-500: #9c7997;
--color-marsh-orchid-600: #84677f;
--color-marsh-orchid-700: #695266;
--color-marsh-orchid-800: #4d3c4c;
--color-marsh-orchid-900: #362935;
--color-marsh-orchid-950: #211720;
}SCSS
$marsh-orchid: #c4a3bf;
$marsh-orchid-rgb: 196, 163, 191;
$marsh-orchid-light: mix(#fff, $marsh-orchid, 20%);
$marsh-orchid-dark: mix(#000, $marsh-orchid, 20%);
.element {
color: $marsh-orchid;
box-shadow: 0 0 0 2px rgba($marsh-orchid, 0.35);
}