Color con nombre · #FFD789
Golden Eye
Golden Eye es #FFD789: rgb(255 215 137), hsl(40 100% 77%), oklch(0.897 0.106 83.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Golden Eye color name →
#FFD789
oklch(0.897 0.106 83.3)
Conversiones de color
- HEX
- #ffd789
- RGB
- rgb(255 215 137)
- HSL
- hsl(40 100% 77%)
- HWB
- hwb(40 54% 0%)
- OKLCH
- oklch(0.897 0.106 83.3)
- OKLab
- oklab(0.897 0.012 0.106)
- CIE Lab
- lab(88.2 7.3 43.81)
- LCH
- lch(88.2 44.42 80.5)
- CMYK
- cmyk(0% 16% 46% 0%)
Tintes · Sombras · Tonos
Tintes
- FFDB96
- FFDFA2
- FFE3AF
- FFE8BA
- FFECC6
- FFF0D2
- FFF3DD
- FFF7E9
- FFFBF4
Sombras
- DEBB76
- BE9F64
- 9E8553
- 806B42
- 635231
- 483B22
- 2E2514
- 161107
- 030201
Tonos
- F2CE89
- E5C589
- D7BC89
- CBB488
- BEAB87
- B1A286
- A59A85
- 989184
- 8C8982
Armonías de color
Complementario +180°
- FFD789
Golden Eye
- CCDDFF
≈ Arc Light
Análogo -30° +30°
- FFD789
Golden Eye
- FFD2B7
≈ Sensual Peach
- DDE592
≈ Pale Lime Yellow
Triádico +120° +240°
- FFD789
Golden Eye
- 7EF2FC
≈ Shallow Water
- FACAFF
≈ Sugar Chic
Complementario dividido +150° +210°
- FFD789
Golden Eye
- B6E5FF
≈ Frozen Landscape
- DED7FF
≈ Transparent Blue
Tetrádico +90° +180° +270°
- FFD789
Golden Eye
- 8DF4D6
≈ Turquoise Pearl
- CCDDFF
≈ Arc Light
- FFCDE0
≈ Linnet Egg Red
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.36:1 · APCA Lc 18
Ag
AAASobre negro
WCAG 15.33:1 · APCA Lc 86
Mejor color de texto: #000000
WCAG 15.33:1 (AAA) · APCA Lc 86
Contrast pairs
Fragmentos de código
CSS
:root {
--golden-eye: #ffd789;
--golden-eye-rgb: 255 215 137;
--golden-eye-oklch: oklch(0.897 0.106 83.3);
}
.element {
color: var(--golden-eye);
background-color: hsl(40 100% 77%);
border-color: oklch(0.897 0.106 83.3);
}Tailwind CSS v4
@theme {
--color-golden-eye: #ffd789;
--color-golden-eye-50: #fff4d3;
--color-golden-eye-100: #f8e6c0;
--color-golden-eye-200: #e9d2a0;
--color-golden-eye-300: #d0b477;
--color-golden-eye-400: #bd9950;
--color-golden-eye-500: #a87f20;
--color-golden-eye-600: #8e6b1e;
--color-golden-eye-700: #725618;
--color-golden-eye-800: #553e0f;
--color-golden-eye-900: #3b2b09;
--color-golden-eye-950: #251800;
}SCSS
$golden-eye: #ffd789;
$golden-eye-rgb: 255, 215, 137;
$golden-eye-light: mix(#fff, $golden-eye, 20%);
$golden-eye-dark: mix(#000, $golden-eye, 20%);
.element {
color: $golden-eye;
box-shadow: 0 0 0 2px rgba($golden-eye, 0.35);
}