Named color · #C8CCBC
Lamb’s Ears
Lamb’s Ears is #C8CCBC: rgb(200 204 188), hsl(75 14% 77%), oklch(0.838 0.022 118.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Lamb’s Ears color name →
#C8CCBC
oklch(0.838 0.022 118.3)
Color conversions
- HEX
- #c8ccbc
- RGB
- rgb(200 204 188)
- HSL
- hsl(75 14% 77%)
- HWB
- hwb(75 74% 20%)
- OKLCH
- oklch(0.838 0.022 118.3)
- OKLab
- oklab(0.838 -0.011 0.02)
- CIE Lab
- lab(81.39 -3.55 7.5)
- LCH
- lch(81.39 8.3 115.3)
- CMYK
- cmyk(2% 0% 8% 20%)
Tints · Shades · Tones
Tints
- CDD1C3
- D3D6C9
- D8DBD0
- DEE0D6
- E3E5DD
- E9EAE4
- EEEFEB
- F4F5F1
- F9FAF8
Shades
- AEB1A3
- 94978B
- 7B7E73
- 63655D
- 4C4E47
- 363732
- 21221F
- 0F0F0D
- 020202
Tones
- C1C4B6
- B9BCB0
- B2B5AA
- AAADA4
- A3A59E
- 9C9E98
- 959692
- 8E8F8C
- 878786
Color harmonies
Complementary +180°
- C8CCBC
Lamb’s Ears
- CBC7D7
≈ Dreamweaver
Analogous -30° +30°
- C8CCBC
Lamb’s Ears
- D0C9BA
≈ Manuscript
- C0CEC2
≈ Green Lily
Triadic +120° +240°
- C8CCBC
Lamb’s Ears
- BDCCD7
≈ Melody
- D7C4C9
≈ Victorian Cottage
Split-complementary +150° +210°
- C8CCBC
Lamb’s Ears
- C3CAD9
≈ Icy Brook
- D2C5D1
≈ Enchant
Tetradic +90° +180° +270°
- C8CCBC
Lamb’s Ears
- BACED1
≈ Shhh…
- CBC7D7
≈ Dreamweaver
- D8C5C2
≈ Just Gorgeous
Contrast & accessibility
Ag
FailOn white
WCAG 1.63:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.81:1 · APCA Lc 75
Best text color: #000000
WCAG 12.81:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--lamb-s-ears: #c8ccbc;
--lamb-s-ears-rgb: 200 204 188;
--lamb-s-ears-oklch: oklch(0.838 0.022 118.3);
}
.element {
color: var(--lamb-s-ears);
background-color: hsl(75 14% 77%);
border-color: oklch(0.838 0.022 118.3);
}Tailwind CSS v4
@theme {
--color-lamb-s-ears: #c8ccbc;
--color-lamb-s-ears-50: #f4f6ef;
--color-lamb-s-ears-100: #e7e9e1;
--color-lamb-s-ears-200: #d3d6cb;
--color-lamb-s-ears-300: #b6b9ad;
--color-lamb-s-ears-400: #9da092;
--color-lamb-s-ears-500: #848878;
--color-lamb-s-ears-600: #707366;
--color-lamb-s-ears-700: #5a5c51;
--color-lamb-s-ears-800: #42433b;
--color-lamb-s-ears-900: #2d2f28;
--color-lamb-s-ears-950: #1a1b16;
}SCSS
$lamb-s-ears: #c8ccbc;
$lamb-s-ears-rgb: 200, 204, 188;
$lamb-s-ears-light: mix(#fff, $lamb-s-ears, 20%);
$lamb-s-ears-dark: mix(#000, $lamb-s-ears, 20%);
.element {
color: $lamb-s-ears;
box-shadow: 0 0 0 2px rgba($lamb-s-ears, 0.35);
}