Color con nombre · #ECBE91
Golden Oat Coloured
Golden Oat Coloured es #ECBE91: rgb(236 190 145), hsl(30 71% 75%), oklch(0.832 0.079 65.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Golden Oat Coloured color name →
#ECBE91
oklch(0.832 0.079 65.7)
Conversiones de color
- HEX
- #ecbe91
- RGB
- rgb(236 190 145)
- HSL
- hsl(30 71% 75%)
- HWB
- hwb(30 57% 7%)
- OKLCH
- oklch(0.832 0.079 65.7)
- OKLab
- oklab(0.832 0.033 0.072)
- CIE Lab
- lab(80.34 12.67 29.34)
- LCH
- lch(80.34 31.96 66.6)
- CMYK
- cmyk(0% 19% 39% 7%)
Tintes · Sombras · Tonos
Tintes
- EEC59C
- F0CBA7
- F2D2B2
- F4D8BD
- F6DFC8
- F8E5D3
- FAECDE
- FCF2E9
- FDF9F4
Sombras
- CDA57D
- AF8C6A
- 927558
- 765E46
- 5B4835
- 423325
- 291F15
- 130D07
- 030201
Tonos
- E1B890
- D6B18E
- CBAB8D
- C0A58B
- B59F8A
- AA9988
- A09286
- 958C84
- 8A8682
Armonías de color
Complementario +180°
- ECBE91
Golden Oat Coloured
- 9DCEF9
≈ Long Island Sound
Análogo -30° +30°
- ECBE91
Golden Oat Coloured
- F7B6A5
≈ Pink Mimosa
- D7C88C
≈ Golden Mist
Triádico +120° +240°
- ECBE91
Golden Oat Coloured
- 8AD9CF
≈ Island Breeze
- D4BBF2
≈ Connecticut Lilac
Complementario dividido +150° +210°
- ECBE91
Golden Oat Coloured
- 8AD5E9
≈ July
- B9C4FC
≈ Light Periwinkle
Tetrádico +90° +180° +270°
- ECBE91
Golden Oat Coloured
- 9ED8B2
≈ Nihilakh Oxide
- 9DCEF9
≈ Long Island Sound
- EAB5DC
≈ Pink Drink
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.70:1 · APCA Lc 30
Ag
AAASobre negro
WCAG 12.34:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.34:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-oat-coloured: #ecbe91;
--golden-oat-coloured-rgb: 236 190 145;
--golden-oat-coloured-oklch: oklch(0.832 0.079 65.7);
}
.element {
color: var(--golden-oat-coloured);
background-color: hsl(30 71% 75%);
border-color: oklch(0.832 0.079 65.7);
}Tailwind CSS v4
@theme {
--color-golden-oat-coloured: #ecbe91;
--color-golden-oat-coloured-50: #fff1de;
--color-golden-oat-coloured-100: #fae4cc;
--color-golden-oat-coloured-200: #eccfb1;
--color-golden-oat-coloured-300: #d3b08c;
--color-golden-oat-coloured-400: #bf956c;
--color-golden-oat-coloured-500: #aa7b4b;
--color-golden-oat-coloured-600: #906840;
--color-golden-oat-coloured-700: #735333;
--color-golden-oat-coloured-800: #563c24;
--color-golden-oat-coloured-900: #3c2918;
--color-golden-oat-coloured-950: #261709;
}SCSS
$golden-oat-coloured: #ecbe91;
$golden-oat-coloured-rgb: 236, 190, 145;
$golden-oat-coloured-light: mix(#fff, $golden-oat-coloured, 20%);
$golden-oat-coloured-dark: mix(#000, $golden-oat-coloured, 20%);
.element {
color: $golden-oat-coloured;
box-shadow: 0 0 0 2px rgba($golden-oat-coloured, 0.35);
}