Color con nombre · #E3D4BB
Raw Cotton
Raw Cotton es #E3D4BB: rgb(227 212 187), hsl(38 42% 81%), oklch(0.876 0.037 80.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Raw Cotton color name →
#E3D4BB
oklch(0.876 0.037 80.6)
Conversiones de color
- HEX
- #e3d4bb
- RGB
- rgb(227 212 187)
- HSL
- hsl(38 42% 81%)
- HWB
- hwb(38 73% 11%)
- OKLCH
- oklch(0.876 0.037 80.6)
- OKLab
- oklab(0.876 0.006 0.037)
- CIE Lab
- lab(85.66 2.39 14.39)
- LCH
- lch(85.66 14.58 80.6)
- CMYK
- cmyk(0% 7% 18% 11%)
Tintes · Sombras · Tonos
Tintes
- E6D8C2
- E9DDC8
- EBE1CF
- EEE5D6
- F1E9DD
- F4EEE4
- F7F2EA
- F9F6F1
- FCFBF8
Sombras
- C5B8A2
- A89D8A
- 8C8373
- 71695C
- 575146
- 3F3A32
- 27241F
- 12100D
- 030202
Tonos
- D9CBB5
- CEC3AF
- C4BAA9
- BAB2A3
- B0A99D
- A6A197
- 9D9891
- 93908C
- 898886
Armonías de color
Complementario +180°
- E3D4BB
Raw Cotton
- C8D7EF
≈ Light Cuddle
Análogo -30° +30°
- E3D4BB
Raw Cotton
- EBD0C0
≈ Cream of Mushroom
- D7D9BD
≈ Pine Mist
Triádico +120° +240°
- E3D4BB
Raw Cotton
- BADEE0
≈ Mech Suit
- E2CFE5
≈ Footie Pyjamas
Complementario dividido +150° +210°
- E3D4BB
Raw Cotton
- BEDBEA
≈ Twin Blue
- D5D2EE
≈ Air Castle
Tetrádico +90° +180° +270°
- E3D4BB
Raw Cotton
- BFDED2
≈ Otto Ice
- C8D7EF
≈ Light Cuddle
- EACDD9
≈ Petit Pink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.45:1 · APCA Lc 22
Ag
AAASobre negro
WCAG 14.40:1 · APCA Lc 82
Mejor color de texto: #000000
WCAG 14.40:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmentos de código
CSS
:root {
--raw-cotton: #e3d4bb;
--raw-cotton-rgb: 227 212 187;
--raw-cotton-oklch: oklch(0.876 0.037 80.6);
}
.element {
color: var(--raw-cotton);
background-color: hsl(38 42% 81%);
border-color: oklch(0.876 0.037 80.6);
}Tailwind CSS v4
@theme {
--color-raw-cotton: #e3d4bb;
--color-raw-cotton-50: #faf4e9;
--color-raw-cotton-100: #eee7da;
--color-raw-cotton-200: #dcd3c3;
--color-raw-cotton-300: #c1b6a2;
--color-raw-cotton-400: #aa9d86;
--color-raw-cotton-500: #93846a;
--color-raw-cotton-600: #7c705a;
--color-raw-cotton-700: #645948;
--color-raw-cotton-800: #4a4134;
--color-raw-cotton-900: #332d23;
--color-raw-cotton-950: #1f1a12;
}SCSS
$raw-cotton: #e3d4bb;
$raw-cotton-rgb: 227, 212, 187;
$raw-cotton-light: mix(#fff, $raw-cotton, 20%);
$raw-cotton-dark: mix(#000, $raw-cotton, 20%);
.element {
color: $raw-cotton;
box-shadow: 0 0 0 2px rgba($raw-cotton, 0.35);
}