Color con nombre · #E0B44D
High Honey
High Honey es #E0B44D: rgb(224 180 77), hsl(42 70% 59%), oklch(0.79 0.13 85.7). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · High Honey color name →
#E0B44D
oklch(0.79 0.13 85.7)
Conversiones de color
- HEX
- #e0b44d
- RGB
- rgb(224 180 77)
- HSL
- hsl(42 70% 59%)
- HWB
- hwb(42 30% 12%)
- OKLCH
- oklch(0.79 0.13 85.7)
- OKLab
- oklab(0.79 0.01 0.129)
- CIE Lab
- lab(75.92 8.53 57.03)
- LCH
- lch(75.92 57.67 81.5)
- CMYK
- cmyk(0% 20% 66% 12%)
Tintes · Sombras · Tonos
Tintes
- E3BC63
- E6C377
- EACB89
- EDD39B
- F0DAAC
- F3E2BD
- F6E9CD
- F9F0DE
- FCF8EF
Sombras
- C39C42
- A68537
- 8A6E2C
- 705822
- 564418
- 3E300F
- 271D07
- 120C02
- 020200
Tonos
- D6AF56
- CCAA5D
- C2A564
- B9A069
- AF9A6E
- A69573
- 9C9077
- 938B7A
- 89857D
Armonías de color
Complementario +180°
- E0B44D
High Honey
- 9BB9FF
≈ Truesky Gloxym
Análogo -30° +30°
- E0B44D
High Honey
- FAA364
≈ Usukō
- B7C55D
≈ Green Glow
Triádico +120° +240°
- E0B44D
High Honey
- 25D2E3
≈ Aztec Turquoise
- E59DE8
≈ Diva Mecha
Complementario dividido +150° +210°
- E0B44D
High Honey
- 61C7FF
≈ Skyan
- C1ABFF
≈ Purple Hepatica
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.94:1 · APCA Lc 37
Ag
AAASobre negro
WCAG 10.80:1 · APCA Lc 65
Mejor color de texto: #000000
WCAG 10.80:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmentos de código
CSS
:root {
--high-honey: #e0b44d;
--high-honey-rgb: 224 180 77;
--high-honey-oklch: oklch(0.79 0.13 85.7);
}
.element {
color: var(--high-honey);
background-color: hsl(42 70% 59%);
border-color: oklch(0.79 0.13 85.7);
}Tailwind CSS v4
@theme {
--color-high-honey: #e0b44d;
--color-high-honey-50: #fff4cc;
--color-high-honey-100: #fae6b7;
--color-high-honey-200: #ecd294;
--color-high-honey-300: #d3b466;
--color-high-honey-400: #c19835;
--color-high-honey-500: #ac7e00;
--color-high-honey-600: #926a00;
--color-high-honey-700: #755500;
--color-high-honey-800: #573d00;
--color-high-honey-900: #3d2a00;
--color-high-honey-950: #271700;
}SCSS
$high-honey: #e0b44d;
$high-honey-rgb: 224, 180, 77;
$high-honey-light: mix(#fff, $high-honey, 20%);
$high-honey-dark: mix(#000, $high-honey, 20%);
.element {
color: $high-honey;
box-shadow: 0 0 0 2px rgba($high-honey, 0.35);
}