Cor nomeada · #EEC0AB
Soft Orange
Soft Orange é #EEC0AB: rgb(238 192 171), hsl(19 66% 80%), oklch(0.843 0.06 45.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Soft Orange color name →
#EEC0AB
oklch(0.843 0.06 45.8)
Conversões de cor
- HEX
- #eec0ab
- RGB
- rgb(238 192 171)
- HSL
- hsl(19 66% 80%)
- HWB
- hwb(19 67% 7%)
- OKLCH
- oklch(0.843 0.06 45.8)
- OKLab
- oklab(0.843 0.042 0.043)
- CIE Lab
- lab(81.45 14.78 17.18)
- LCH
- lch(81.45 22.66 49.3)
- CMYK
- cmyk(0% 19% 28% 7%)
Tons claros · Sombras · Tons
Tons claros
- F0C6B3
- F2CDBC
- F4D3C4
- F6D9CC
- F7DFD5
- F9E6DD
- FBECE6
- FCF2EE
- FEF9F6
Sombras
- CFA794
- B18E7E
- 937668
- 775F54
- 5C4940
- 42342D
- 2A201B
- 140E0B
- 030201
Tons
- E3B9A7
- D7B3A2
- CCAD9E
- C1A69A
- B6A096
- AB9991
- A0938D
- 958D89
- 8B8684
Harmonias de cor
Complementar +180°
- EEC0AB
Soft Orange
- A2D4EA
≈ Light Deluxe Days
Análoga -30° +30°
- EEC0AB
Soft Orange
- F0BCBE
≈ Blush Rush
- E3C7A0
≈ Biltmore Buff
Tríade +120° +240°
- EEC0AB
Soft Orange
- A7D9C2
≈ Southern Belle
- C7C6F2
≈ Soap
Complementar dividida +150° +210°
- EEC0AB
Soft Orange
- 9DD8D8
≈ Blue Tint
- B2CEF3
≈ Alphabet Blue
Tétrade +90° +180° +270°
- EEC0AB
Soft Orange
- BAD5AE
≈ Jaded Lime
- A2D4EA
≈ Light Deluxe Days
- DBC0E7
≈ Sky Blue Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.64:1 · APCA Lc 29
Ag
AAASobre preto
WCAG 12.76:1 · APCA Lc 74
Melhor cor de texto: #000000
WCAG 12.76:1 (AAA) · APCA Lc 74
Contrast pairs
Trechos de código
CSS
:root {
--soft-orange: #eec0ab;
--soft-orange-rgb: 238 192 171;
--soft-orange-oklch: oklch(0.843 0.06 45.8);
}
.element {
color: var(--soft-orange);
background-color: hsl(19 66% 80%);
border-color: oklch(0.843 0.06 45.8);
}Tailwind CSS v4
@theme {
--color-soft-orange: #eec0ab;
--color-soft-orange-50: #fff0e7;
--color-soft-orange-100: #fae2d7;
--color-soft-orange-200: #ebcdbf;
--color-soft-orange-300: #d2af9d;
--color-soft-orange-400: #bd9481;
--color-soft-orange-500: #a87a64;
--color-soft-orange-600: #8e6755;
--color-soft-orange-700: #725344;
--color-soft-orange-800: #543c31;
--color-soft-orange-900: #3b2921;
--color-soft-orange-950: #251711;
}SCSS
$soft-orange: #eec0ab;
$soft-orange-rgb: 238, 192, 171;
$soft-orange-light: mix(#fff, $soft-orange, 20%);
$soft-orange-dark: mix(#000, $soft-orange, 20%);
.element {
color: $soft-orange;
box-shadow: 0 0 0 2px rgba($soft-orange, 0.35);
}