Named color · #C86E8B
Silk Ribbon
Silk Ribbon is #C86E8B: rgb(200 110 139), hsl(341 45% 61%), oklch(0.648 0.118 0.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Silk Ribbon color name →
#C86E8B
oklch(0.648 0.118 0.3)
Color conversions
- HEX
- #c86e8b
- RGB
- rgb(200 110 139)
- HSL
- hsl(341 45% 61%)
- HWB
- hwb(341 43% 22%)
- OKLCH
- oklch(0.648 0.118 0.3)
- OKLab
- oklab(0.648 0.118 0.001)
- CIE Lab
- lab(57.65 38.82 0.73)
- LCH
- lch(57.65 38.82 1.1)
- CMYK
- cmyk(0% 45% 31% 22%)
Tints · Shades · Tones
Tints
- CF7D96
- D58BA1
- DB99AC
- E1A8B8
- E7B6C3
- ECC4CF
- F1D3DB
- F6E2E7
- FBF0F3
Shades
- AE5F78
- 945066
- 7B4154
- 633343
- 4C2632
- 361923
- 210E14
- 0F0407
- 020101
Tones
- C1708A
- BB7389
- B47588
- AD7787
- A67985
- 9F7A84
- 977C83
- 907D82
- 887F81
Color harmonies
Complementary +180°
- C86E8B
Silk Ribbon
- 00A592
≈ Persian Green
Analogous -30° +30°
- C86E8B
Silk Ribbon
- B773B0
≈ Moonlight Melody
- CC7162
≈ It’s My Party
Triadic +120° +240°
- C86E8B
Silk Ribbon
- 85993F
≈ Café de Paris
- 4097CF
≈ Perfect Sky
Split-complementary +150° +210°
- C86E8B
Silk Ribbon
- 53A268
≈ Mosaic Green
- 00A0B4
≈ Breaking Wave
Tetradic +90° +180° +270°
- C86E8B
Silk Ribbon
- AA8B29
≈ Camel Toe
- 00A592
≈ Persian Green
- 738AD6
≈ Tanzine
Contrast & accessibility
Ag
FailOn white
WCAG 3.46:1 · APCA Lc 62
Ag
AAOn black
WCAG 6.05:1 · APCA Lc 40
Best text color: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
Code snippets
CSS
:root {
--silk-ribbon: #c86e8b;
--silk-ribbon-rgb: 200 110 139;
--silk-ribbon-oklch: oklch(0.648 0.118 0.3);
}
.element {
color: var(--silk-ribbon);
background-color: hsl(341 45% 61%);
border-color: oklch(0.648 0.118 0.3);
}Tailwind CSS v4
@theme {
--color-silk-ribbon: #c86e8b;
--color-silk-ribbon-50: #ffe8f2;
--color-silk-ribbon-100: #ffd8e4;
--color-silk-ribbon-200: #ffc0d0;
--color-silk-ribbon-300: #eb9eb2;
--color-silk-ribbon-400: #d7809b;
--color-silk-ribbon-500: #c46282;
--color-silk-ribbon-600: #a5536e;
--color-silk-ribbon-700: #854258;
--color-silk-ribbon-800: #622f42;
--color-silk-ribbon-900: #45202d;
--color-silk-ribbon-950: #2c0f1a;
}SCSS
$silk-ribbon: #c86e8b;
$silk-ribbon-rgb: 200, 110, 139;
$silk-ribbon-light: mix(#fff, $silk-ribbon, 20%);
$silk-ribbon-dark: mix(#000, $silk-ribbon, 20%);
.element {
color: $silk-ribbon;
box-shadow: 0 0 0 2px rgba($silk-ribbon, 0.35);
}