Named color · #EBDCCA
Lambskin
Lambskin is #EBDCCA: rgb(235 220 202), hsl(33 45% 86%), oklch(0.902 0.029 72.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Lambskin color name →
#EBDCCA
oklch(0.902 0.029 72.5)
Color conversions
- HEX
- #ebdcca
- RGB
- rgb(235 220 202)
- HSL
- hsl(33 45% 86%)
- HWB
- hwb(33 79% 8%)
- OKLCH
- oklch(0.902 0.029 72.5)
- OKLab
- oklab(0.902 0.009 0.028)
- CIE Lab
- lab(88.62 3.15 10.83)
- LCH
- lch(88.62 11.27 73.8)
- CMYK
- cmyk(0% 6% 14% 8%)
Tints · Shades · Tones
Tints
- EDDFCF
- EFE3D5
- F1E6DA
- F3EADF
- F5EDE4
- F7F1EA
- F9F4EF
- FBF8F4
- FDFBFA
Shades
- CCBFAF
- AEA395
- 91887C
- 756E64
- 5B544D
- 413C37
- 292622
- 13110F
- 030202
Tones
- E0D2C2
- D5C9BB
- CABFB3
- BFB6AC
- B4ADA4
- A9A49D
- 9F9B96
- 94928E
- 8A8987
Color harmonies
Complementary +180°
- EBDCCA
Lambskin
- D1E0F2
≈ Light Breeze
Analogous -30° +30°
- EBDCCA
Lambskin
- F1D9D0
≈ Pink Zest
- E2E0CA
≈ Persian Blinds
Triadic +120° +240°
- EBDCCA
Lambskin
- C9E5E4
≈ Babymoon Blue
- E5D9ED
≈ Pale Grey Magenta
Split-complementary +150° +210°
- EBDCCA
Lambskin
- CBE3ED
≈ Niagara Falls
- DBDDF2
≈ Chinese Silver
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.34:1 · APCA Lc 17
Ag
AAAOn black
WCAG 15.62:1 · APCA Lc 87
Best text color: #000000
WCAG 15.62:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--lambskin: #ebdcca;
--lambskin-rgb: 235 220 202;
--lambskin-oklch: oklch(0.902 0.029 72.5);
}
.element {
color: var(--lambskin);
background-color: hsl(33 45% 86%);
border-color: oklch(0.902 0.029 72.5);
}Tailwind CSS v4
@theme {
--color-lambskin: #ebdcca;
--color-lambskin-50: #faf4ec;
--color-lambskin-100: #eee7dd;
--color-lambskin-200: #dcd3c7;
--color-lambskin-300: #c1b6a7;
--color-lambskin-400: #a99c8c;
--color-lambskin-500: #928371;
--color-lambskin-600: #7c6f60;
--color-lambskin-700: #63594d;
--color-lambskin-800: #494138;
--color-lambskin-900: #332d26;
--color-lambskin-950: #1e1a14;
}SCSS
$lambskin: #ebdcca;
$lambskin-rgb: 235, 220, 202;
$lambskin-light: mix(#fff, $lambskin, 20%);
$lambskin-dark: mix(#000, $lambskin, 20%);
.element {
color: $lambskin;
box-shadow: 0 0 0 2px rgba($lambskin, 0.35);
}