Named color · #E6AD67
Gilt Trip
Gilt Trip is #E6AD67: rgb(230 173 103), hsl(33 72% 65%), oklch(0.786 0.11 70.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Gilt Trip color name →
#E6AD67
oklch(0.786 0.11 70.7)
Color conversions
- HEX
- #e6ad67
- RGB
- rgb(230 173 103)
- HSL
- hsl(33 72% 65%)
- HWB
- hwb(33 40% 10%)
- OKLCH
- oklch(0.786 0.11 70.7)
- OKLab
- oklab(0.786 0.036 0.104)
- CIE Lab
- lab(75.07 15.85 44.11)
- LCH
- lch(75.07 46.87 70.2)
- CMYK
- cmyk(0% 25% 55% 10%)
Tints · Shades · Tones
Tints
- E9B577
- ECBE87
- EEC697
- F1CEA6
- F4D6B5
- F6DEC4
- F8E7D3
- FBEFE1
- FDF7F0
Shades
- C89659
- AB7F4B
- 8E6A3D
- 735530
- 594123
- 402D17
- 281B0C
- 130B04
- 030100
Tones
- DCA96B
- D1A46F
- C7A072
- BD9B75
- B29777
- A89279
- 9E8E7B
- 94897D
- 8A857F
Color harmonies
Complementary +180°
- E6AD67
Gilt Trip
- 83BEFE
≈ Scenic Water
Analogous -30° +30°
- E6AD67
Gilt Trip
- F6A182
≈ Tropical Paradise
- C9BB64
≈ Baby Frog
Triadic +120° +240°
- E6AD67
Gilt Trip
- 53D0CA
≈ Medium Turquoise
- D0A5EE
≈ Bright Ube
Split-complementary +150° +210°
- E6AD67
Gilt Trip
- 5CC9EB
≈ Candid Blue
- ACB1FF
≈ Winterspring Lilac
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.99:1 · APCA Lc 38
Ag
AAAOn black
WCAG 10.53:1 · APCA Lc 64
Best text color: #000000
WCAG 10.53:1 (AAA) · APCA Lc 64
Contrast pairs
Code snippets
CSS
:root {
--gilt-trip: #e6ad67;
--gilt-trip-rgb: 230 173 103;
--gilt-trip-oklch: oklch(0.786 0.11 70.7);
}
.element {
color: var(--gilt-trip);
background-color: hsl(33 72% 65%);
border-color: oklch(0.786 0.11 70.7);
}Tailwind CSS v4
@theme {
--color-gilt-trip: #e6ad67;
--color-gilt-trip-50: #fff1d3;
--color-gilt-trip-100: #ffe3c0;
--color-gilt-trip-200: #f2cea1;
--color-gilt-trip-300: #daaf77;
--color-gilt-trip-400: #c79351;
--color-gilt-trip-500: #b37822;
--color-gilt-trip-600: #986620;
--color-gilt-trip-700: #7a5119;
--color-gilt-trip-800: #5b3a11;
--color-gilt-trip-900: #40280b;
--color-gilt-trip-950: #281601;
}SCSS
$gilt-trip: #e6ad67;
$gilt-trip-rgb: 230, 173, 103;
$gilt-trip-light: mix(#fff, $gilt-trip, 20%);
$gilt-trip-dark: mix(#000, $gilt-trip, 20%);
.element {
color: $gilt-trip;
box-shadow: 0 0 0 2px rgba($gilt-trip, 0.35);
}