Color con nombre · #E3C08D
Yellow Beige
Yellow Beige es #E3C08D: rgb(227 192 141), hsl(36 61% 72%), oklch(0.826 0.078 76.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Yellow Beige color name →
#E3C08D
oklch(0.826 0.078 76.7)
Conversiones de color
- HEX
- #e3c08d
- RGB
- rgb(227 192 141)
- HSL
- hsl(36 61% 72%)
- HWB
- hwb(36 55% 11%)
- OKLCH
- oklch(0.826 0.078 76.7)
- OKLab
- oklab(0.826 0.018 0.076)
- CIE Lab
- lab(79.89 7.78 30.63)
- LCH
- lch(79.89 31.61 75.8)
- CMYK
- cmyk(0% 15% 38% 11%)
Tintes · Sombras · Tonos
Tintes
- E6C699
- E9CDA4
- ECD3B0
- EFD9BB
- F1E0C6
- F4E6D2
- F7ECDD
- FAF2E8
- FCF9F4
Sombras
- C5A77A
- A88E67
- 8C7655
- 715F44
- 574933
- 3F3423
- 272014
- 120E07
- 030201
Tonos
- D9BA8C
- CFB38B
- C4AD8A
- BAA689
- B1A088
- A79986
- 9D9385
- 938D83
- 8A8682
Armonías de color
Complementario +180°
- E3C08D
Yellow Beige
- A6C9F9
≈ Night Snow
Análogo -30° +30°
- E3C08D
Yellow Beige
- F1B79B
≈ Crab Bisque
- CCCA8F
≈ Creamy Spinaci
Triádico +120° +240°
- E3C08D
Yellow Beige
- 87D6D7
≈ Sea Wave
- DBB7E8
≈ Pretty Petunia
Complementario dividido +150° +210°
- E3C08D
Yellow Beige
- 8FD1ED
≈ Slightly Spritzig
- C2BFF7
≈ Vodka
Tetrádico +90° +180° +270°
- E3C08D
Yellow Beige
- 95D7BB
≈ Apple II Blue
- A6C9F9
≈ Night Snow
- ECB2D0
≈ Gumball
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.72:1 · APCA Lc 31
Ag
AAASobre negro
WCAG 12.19:1 · APCA Lc 72
Mejor color de texto: #000000
WCAG 12.19:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmentos de código
CSS
:root {
--yellow-beige: #e3c08d;
--yellow-beige-rgb: 227 192 141;
--yellow-beige-oklch: oklch(0.826 0.078 76.7);
}
.element {
color: var(--yellow-beige);
background-color: hsl(36 61% 72%);
border-color: oklch(0.826 0.078 76.7);
}Tailwind CSS v4
@theme {
--color-yellow-beige: #e3c08d;
--color-yellow-beige-50: #fff3dd;
--color-yellow-beige-100: #f6e5cc;
--color-yellow-beige-200: #e7d1b0;
--color-yellow-beige-300: #cdb38b;
--color-yellow-beige-400: #b9996a;
--color-yellow-beige-500: #a37f48;
--color-yellow-beige-600: #8a6c3e;
--color-yellow-beige-700: #6f5631;
--color-yellow-beige-800: #523e22;
--color-yellow-beige-900: #392b17;
--color-yellow-beige-950: #241808;
}SCSS
$yellow-beige: #e3c08d;
$yellow-beige-rgb: 227, 192, 141;
$yellow-beige-light: mix(#fff, $yellow-beige, 20%);
$yellow-beige-dark: mix(#000, $yellow-beige, 20%);
.element {
color: $yellow-beige;
box-shadow: 0 0 0 2px rgba($yellow-beige, 0.35);
}