Named color · #C39191
Floral Tapestry
Floral Tapestry is #C39191: rgb(195 145 145), hsl(0 29% 67%), oklch(0.704 0.061 18.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Floral Tapestry color name →
#C39191
oklch(0.704 0.061 18.7)
Color conversions
- HEX
- #c39191
- RGB
- rgb(195 145 145)
- HSL
- hsl(0 29% 67%)
- HWB
- hwb(0 57% 24%)
- OKLCH
- oklch(0.704 0.061 18.7)
- OKLab
- oklab(0.704 0.058 0.019)
- CIE Lab
- lab(65.09 19.47 7.79)
- LCH
- lch(65.09 20.97 21.8)
- CMYK
- cmyk(0% 26% 26% 24%)
Tints · Shades · Tones
Tints
- C99C9C
- D0A6A6
- D6B1B1
- DCBCBC
- E2C7C7
- E8D2D2
- EEDDDD
- F4E8E8
- F9F4F4
Shades
- A97D7D
- 906A6A
- 785858
- 604646
- 4A3535
- 342525
- 201515
- 0E0707
- 020101
Tones
- BC8F8F
- B68E8E
- AF8C8C
- A88A8A
- A28989
- 9B8787
- 948585
- 8E8483
- 878282
Color harmonies
Complementary +180°
- C39191
Floral Tapestry
- 71ACAE
≈ Poolrooms
Analogous -30° +30°
- C39191
Floral Tapestry
- BD91A6
≈ Bed of Roses
- C0957F
≈ Faded Redwood
Triadic +120° +240°
- C39191
Floral Tapestry
- 8DA985
≈ Baby Spinach
- 89A1C6
≈ Windy City
Split-complementary +150° +210°
- C39191
Floral Tapestry
- 7AAC99
≈ Catnip
- 78A8BE
≈ Moonstone Blue
Tetradic +90° +180° +270°
- C39191
Floral Tapestry
- A2A377
≈ Dill Grass
- 71ACAE
≈ Poolrooms
- 9E9AC4
≈ Majestic Violet
Contrast & accessibility
Ag
FailOn white
WCAG 2.69:1 · APCA Lc 52
Ag
AAAOn black
WCAG 7.77:1 · APCA Lc 50
Best text color: #000000
WCAG 7.77:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--floral-tapestry: #c39191;
--floral-tapestry-rgb: 195 145 145;
--floral-tapestry-oklch: oklch(0.704 0.061 18.7);
}
.element {
color: var(--floral-tapestry);
background-color: hsl(0 29% 67%);
border-color: oklch(0.704 0.061 18.7);
}Tailwind CSS v4
@theme {
--color-floral-tapestry: #c39191;
--color-floral-tapestry-50: #ffefee;
--color-floral-tapestry-100: #fce0df;
--color-floral-tapestry-200: #edcbc9;
--color-floral-tapestry-300: #d5acaa;
--color-floral-tapestry-400: #c09090;
--color-floral-tapestry-500: #ab7676;
--color-floral-tapestry-600: #906464;
--color-floral-tapestry-700: #745050;
--color-floral-tapestry-800: #563a3b;
--color-floral-tapestry-900: #3c2828;
--color-floral-tapestry-950: #251616;
}SCSS
$floral-tapestry: #c39191;
$floral-tapestry-rgb: 195, 145, 145;
$floral-tapestry-light: mix(#fff, $floral-tapestry, 20%);
$floral-tapestry-dark: mix(#000, $floral-tapestry, 20%);
.element {
color: $floral-tapestry;
box-shadow: 0 0 0 2px rgba($floral-tapestry, 0.35);
}