Color con nombre · #EAA34B
Golden Koi
Golden Koi es #EAA34B: rgb(234 163 75), hsl(33 79% 61%), oklch(0.768 0.133 69.2). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Golden Koi color name →
#EAA34B
oklch(0.768 0.133 69.2)
Conversiones de color
- HEX
- #eaa34b
- RGB
- rgb(234 163 75)
- HSL
- hsl(33 79% 61%)
- HWB
- hwb(33 29% 8%)
- OKLCH
- oklch(0.768 0.133 69.2)
- OKLab
- oklab(0.768 0.047 0.124)
- CIE Lab
- lab(72.88 21.2 55.19)
- LCH
- lch(72.88 59.12 69)
- CMYK
- cmyk(0% 30% 68% 8%)
Tintes · Sombras · Tonos
Tintes
- EDAD61
- EFB674
- F2BF87
- F4C999
- F6D2AA
- F8DBBB
- FAE4CC
- FCEDDD
- FEF6EE
Sombras
- CB8D40
- AE7835
- 91632B
- 754F21
- 5A3C17
- 412A0E
- 291906
- 130A02
- 030100
Tonos
- DFA054
- D59D5B
- CA9962
- BF9667
- B5936D
- AA8F71
- A08B75
- 958879
- 8B847D
Armonías de color
Complementario +180°
- EAA34B
Golden Koi
- 72B9FF
≈ Green Darner Tail
Análogo -30° +30°
- EAA34B
Golden Koi
- FB9472
≈ Hibiscus Delight
- C9B543
≈ Warm Olive
Triádico +120° +240°
- EAA34B
Golden Koi
- 02CEC5
≈ Blue Martina
- CD9BF4
≈ Baby Purple
Complementario dividido +150° +210°
- EAA34B
Golden Koi
- 25C7ED
≈ Picnic Day Sky
- A4ABFF
≈ Shy Moment
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.13:1 · APCA Lc 42
Ag
AAASobre negro
WCAG 9.83:1 · APCA Lc 61
Mejor color de texto: #000000
WCAG 9.83:1 (AAA) · APCA Lc 61
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-koi: #eaa34b;
--golden-koi-rgb: 234 163 75;
--golden-koi-oklch: oklch(0.768 0.133 69.2);
}
.element {
color: var(--golden-koi);
background-color: hsl(33 79% 61%);
border-color: oklch(0.768 0.133 69.2);
}Tailwind CSS v4
@theme {
--color-golden-koi: #eaa34b;
--color-golden-koi-50: #fff0cc;
--color-golden-koi-100: #ffe1b8;
--color-golden-koi-200: #f9cb95;
--color-golden-koi-300: #e2ac68;
--color-golden-koi-400: #d18f3b;
--color-golden-koi-500: #bd7200;
--color-golden-koi-600: #a06100;
--color-golden-koi-700: #804e00;
--color-golden-koi-800: #603800;
--color-golden-koi-900: #432600;
--color-golden-koi-950: #2b1400;
}SCSS
$golden-koi: #eaa34b;
$golden-koi-rgb: 234, 163, 75;
$golden-koi-light: mix(#fff, $golden-koi, 20%);
$golden-koi-dark: mix(#000, $golden-koi, 20%);
.element {
color: $golden-koi;
box-shadow: 0 0 0 2px rgba($golden-koi, 0.35);
}