Named color · #E4B185
Soft Skills
Soft Skills is #E4B185: rgb(228 177 133), hsl(28 64% 71%), oklch(0.797 0.083 62). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Soft Skills color name →
#E4B185
oklch(0.797 0.083 62)
Color conversions
- HEX
- #e4b185
- RGB
- rgb(228 177 133)
- HSL
- hsl(28 64% 71%)
- HWB
- hwb(28 52% 11%)
- OKLCH
- oklch(0.797 0.083 62)
- OKLab
- oklab(0.797 0.039 0.074)
- CIE Lab
- lab(76.19 15.05 30.04)
- LCH
- lch(76.19 33.6 63.4)
- CMYK
- cmyk(0% 22% 42% 11%)
Tints · Shades · Tones
Tints
- E7B991
- EAC19E
- EDC8AA
- F0D0B6
- F2D8C2
- F5E0CE
- F8E8DA
- FAEFE6
- FDF7F3
Shades
- C69973
- A98361
- 8D6C50
- 725740
- 584230
- 3F2F21
- 281C13
- 120C06
- 030101
Tones
- DAAC85
- D0A785
- C5A285
- BB9E84
- B19984
- A79483
- 9E8F83
- 948A82
- 8A8581
Color harmonies
Complementary +180°
- E4B185
Soft Skills
- 8CC4EE
≈ Wasurenagusa Blue
Analogous -30° +30°
- E4B185
Soft Skills
- EDA99B
≈ Passion Fruit Punch
- D0BC7E
≈ Further Afield
Triadic +120° +240°
- E4B185
Soft Skills
- 7CCFC1
≈ Jolly Jade
- C6B0EA
≈ Purple Sand
Split-complementary +150° +210°
- E4B185
Soft Skills
- 79CBDC
≈ Spray
- AABAF3
≈ Perano
Tetradic +90° +180° +270°
- E4B185
Soft Skills
- 94CDA2
≈ Irish Spring
- 8CC4EE
≈ Wasurenagusa Blue
- DDA9D5
≈ Barely Bloomed
Contrast & accessibility
Ag
FailOn white
WCAG 1.92:1 · APCA Lc 37
Ag
AAAOn black
WCAG 10.92:1 · APCA Lc 66
Best text color: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Code snippets
CSS
:root {
--soft-skills: #e4b185;
--soft-skills-rgb: 228 177 133;
--soft-skills-oklch: oklch(0.797 0.083 62);
}
.element {
color: var(--soft-skills);
background-color: hsl(28 64% 71%);
border-color: oklch(0.797 0.083 62);
}Tailwind CSS v4
@theme {
--color-soft-skills: #e4b185;
--color-soft-skills-50: #fff1dd;
--color-soft-skills-100: #fce3cc;
--color-soft-skills-200: #eecdb0;
--color-soft-skills-300: #d6af8b;
--color-soft-skills-400: #c2946b;
--color-soft-skills-500: #ae794a;
--color-soft-skills-600: #93673f;
--color-soft-skills-700: #765232;
--color-soft-skills-800: #583b24;
--color-soft-skills-900: #3d2918;
--color-soft-skills-950: #271609;
}SCSS
$soft-skills: #e4b185;
$soft-skills-rgb: 228, 177, 133;
$soft-skills-light: mix(#fff, $soft-skills, 20%);
$soft-skills-dark: mix(#000, $soft-skills, 20%);
.element {
color: $soft-skills;
box-shadow: 0 0 0 2px rgba($soft-skills, 0.35);
}