Color con nombre · #FAA76C
Trump Tan
Trump Tan es #FAA76C: rgb(250 167 108), hsl(25 93% 70%), oklch(0.798 0.124 55.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Orange mean? → · Trump Tan color name →
#FAA76C
oklch(0.798 0.124 55.3)
Conversiones de color
- HEX
- #faa76c
- RGB
- rgb(250 167 108)
- HSL
- hsl(25 93% 70%)
- HWB
- hwb(25 42% 2%)
- OKLCH
- oklch(0.798 0.124 55.3)
- OKLab
- oklab(0.798 0.07 0.102)
- CIE Lab
- lab(76 27.25 43.36)
- LCH
- lch(76 51.21 57.8)
- CMYK
- cmyk(0% 33% 57% 2%)
Tintes · Sombras · Tonos
Tintes
- FBB07C
- FDB98B
- FDC29A
- FECBA9
- FFD4B7
- FFDCC6
- FFE5D4
- FFEEE2
- FFF6F1
Sombras
- D9915D
- BA7B4E
- 9B6640
- 7D5232
- 613E25
- 462C19
- 2D1A0D
- 150A04
- 030100
Tonos
- EEA36F
- E1A072
- D59C75
- C99877
- BD9479
- B1917B
- A58D7D
- 98887E
- 8C847F
Armonías de color
Complementario +180°
- FAA76C
Trump Tan
- 68C9FF
≈ Skyan
Análogo -30° +30°
- FAA76C
Trump Tan
- FF9F97
≈ Peach Amber
- E1B757
≈ Mr Mustard
Triádico +120° +240°
- FAA76C
Trump Tan
- 52D7B9
≈ Sweet Garden
- C3AEFF
≈ Purple Hepatica
Complementario dividido +150° +210°
- FAA76C
Trump Tan
- 3BD3E3
≈ Aztec Turquoise
- 9EBCFF
≈ Truesky Gloxym
Tetrádico +90° +180° +270°
- FAA76C
Trump Tan
- 88D28B
≈ Greek Garden
- 68C9FF
≈ Skyan
- E6A1E8
≈ Herb Robert
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 {
--trump-tan: #faa76c;
--trump-tan-rgb: 250 167 108;
--trump-tan-oklch: oklch(0.798 0.124 55.3);
}
.element {
color: var(--trump-tan);
background-color: hsl(25 93% 70%);
border-color: oklch(0.798 0.124 55.3);
}Tailwind CSS v4
@theme {
--color-trump-tan: #faa76c;
--color-trump-tan-50: #ffedd3;
--color-trump-tan-100: #ffdec0;
--color-trump-tan-200: #fec8a1;
--color-trump-tan-300: #e8a777;
--color-trump-tan-400: #d68a52;
--color-trump-tan-500: #c36d25;
--color-trump-tan-600: #a55c22;
--color-trump-tan-700: #844a1b;
--color-trump-tan-800: #633513;
--color-trump-tan-900: #45240c;
--color-trump-tan-950: #2d1201;
}SCSS
$trump-tan: #faa76c;
$trump-tan-rgb: 250, 167, 108;
$trump-tan-light: mix(#fff, $trump-tan, 20%);
$trump-tan-dark: mix(#000, $trump-tan, 20%);
.element {
color: $trump-tan;
box-shadow: 0 0 0 2px rgba($trump-tan, 0.35);
}