Named color · #C6B4B2
Rosy Linen
Rosy Linen is #C6B4B2: rgb(198 180 178), hsl(6 15% 74%), oklch(0.785 0.021 25.2). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Rosy Linen color name →
#C6B4B2
oklch(0.785 0.021 25.2)
Color conversions
- HEX
- #c6b4b2
- RGB
- rgb(198 180 178)
- HSL
- hsl(6 15% 74%)
- HWB
- hwb(6 70% 22%)
- OKLCH
- oklch(0.785 0.021 25.2)
- OKLab
- oklab(0.785 0.019 0.009)
- CIE Lab
- lab(74.81 6.39 3.48)
- LCH
- lch(74.81 7.28 28.6)
- CMYK
- cmyk(0% 9% 10% 22%)
Tints · Shades · Tones
Tints
- CCBBB9
- D1C3C1
- D7CAC9
- DDD1D0
- E2D9D8
- E8E0E0
- EEE8E7
- F3F0EF
- F9F7F7
Shades
- AC9C9A
- 928583
- 7A6E6D
- 625857
- 4B4443
- 35302F
- 211D1D
- 0E0C0C
- 020201
Tones
- BFAFAD
- B8A9A8
- B1A4A3
- A99F9E
- A29A99
- 9B9494
- 958F8F
- 8E8A8A
- 878585
Color harmonies
Complementary +180°
- C6B4B2
Rosy Linen
- AABDBF
≈ Grey Grain
Analogous -30° +30°
- C6B4B2
Rosy Linen
- C5B4B9
≈ Blossom Powder
- C4B6AC
≈ Versatile Taupe
Triadic +120° +240°
- C6B4B2
Rosy Linen
- B1BDB1
≈ Cottage Charm
- B2B9C7
≈ Spirit
Split-complementary +150° +210°
- C6B4B2
Rosy Linen
- ACBDB8
≈ Water Surface
- ADBBC5
≈ Hazy Skies
Tetradic +90° +180° +270°
- C6B4B2
Rosy Linen
- B8BBAC
≈ Grey Jade
- AABDBF
≈ Grey Grain
- B9B6C5
≈ Juniper Berry
Contrast & accessibility
Ag
FailOn white
WCAG 1.98:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.57:1 · APCA Lc 64
Best text color: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--rosy-linen: #c6b4b2;
--rosy-linen-rgb: 198 180 178;
--rosy-linen-oklch: oklch(0.785 0.021 25.2);
}
.element {
color: var(--rosy-linen);
background-color: hsl(6 15% 74%);
border-color: oklch(0.785 0.021 25.2);
}Tailwind CSS v4
@theme {
--color-rosy-linen: #c6b4b2;
--color-rosy-linen-50: #fbf3f2;
--color-rosy-linen-100: #efe5e4;
--color-rosy-linen-200: #ddd1cf;
--color-rosy-linen-300: #c2b4b2;
--color-rosy-linen-400: #ab9a98;
--color-rosy-linen-500: #94817f;
--color-rosy-linen-600: #7d6d6c;
--color-rosy-linen-700: #645756;
--color-rosy-linen-800: #49403f;
--color-rosy-linen-900: #332c2b;
--color-rosy-linen-950: #1f1919;
}SCSS
$rosy-linen: #c6b4b2;
$rosy-linen-rgb: 198, 180, 178;
$rosy-linen-light: mix(#fff, $rosy-linen, 20%);
$rosy-linen-dark: mix(#000, $rosy-linen, 20%);
.element {
color: $rosy-linen;
box-shadow: 0 0 0 2px rgba($rosy-linen, 0.35);
}