Colore con nome · #E4B185
Soft Skills
Soft Skills è #E4B185: rgb(228 177 133), hsl(28 64% 71%), oklch(0.797 0.083 62). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Soft Skills color name →
#E4B185
oklch(0.797 0.083 62)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- E7B991
- EAC19E
- EDC8AA
- F0D0B6
- F2D8C2
- F5E0CE
- F8E8DA
- FAEFE6
- FDF7F3
Ombre
- C69973
- A98361
- 8D6C50
- 725740
- 584230
- 3F2F21
- 281C13
- 120C06
- 030101
Toni
- DAAC85
- D0A785
- C5A285
- BB9E84
- B19984
- A79483
- 9E8F83
- 948A82
- 8A8581
Armonie di colore
Complementare +180°
- E4B185
Soft Skills
- 8CC4EE
≈ Wasurenagusa Blue
Analogo -30° +30°
- E4B185
Soft Skills
- EDA99B
≈ Passion Fruit Punch
- D0BC7E
≈ Further Afield
Triadico +120° +240°
- E4B185
Soft Skills
- 7CCFC1
≈ Jolly Jade
- C6B0EA
≈ Purple Sand
Complementare divisa +150° +210°
- E4B185
Soft Skills
- 79CBDC
≈ Spray
- AABAF3
≈ Perano
Tetradico +90° +180° +270°
- E4B185
Soft Skills
- 94CDA2
≈ Irish Spring
- 8CC4EE
≈ Wasurenagusa Blue
- DDA9D5
≈ Barely Bloomed
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.92:1 · APCA Lc 37
Ag
AAASu nero
WCAG 10.92:1 · APCA Lc 66
Miglior colore del testo: #000000
WCAG 10.92:1 (AAA) · APCA Lc 66
Contrast pairs
Frammenti di codice
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);
}