Named color · #EEB550
Goldsmith
Goldsmith is #EEB550: rgb(238 181 80), hsl(38 82% 62%), oklch(0.807 0.134 79). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Orange mean? → · Goldsmith color name →
#EEB550
oklch(0.807 0.134 79)
Color conversions
- HEX
- #eeb550
- RGB
- rgb(238 181 80)
- HSL
- hsl(38 82% 62%)
- HWB
- hwb(38 31% 7%)
- OKLCH
- oklch(0.807 0.134 79)
- OKLab
- oklab(0.807 0.025 0.131)
- CIE Lab
- lab(77.66 14.02 58.07)
- LCH
- lch(77.66 59.74 76.4)
- CMYK
- cmyk(0% 24% 66% 7%)
Tints · Shades · Tones
Tints
- F0BD66
- F2C479
- F4CC8B
- F6D39D
- F7DBAD
- F9E2BE
- FBE9CE
- FCF1DF
- FEF8EF
Shades
- CF9D44
- B18639
- 936F2E
- 775924
- 5C441A
- 423010
- 2A1D07
- 140C02
- 030200
Tones
- E3B059
- D7AB60
- CCA666
- C1A06B
- B69B70
- AB9674
- A09077
- 958B7B
- 8B867E
Color harmonies
Complementary +180°
- EEB550
Goldsmith
- 9AC2FF
≈ Pastel Blue
Analogous -30° +30°
- EEB550
Goldsmith
- FFA878
≈ Larch Bolete
- C7C758
≈ Salsa Verde
Triadic +120° +240°
- EEB550
Goldsmith
- 1DDAE0
≈ Fish Boy
- E5A3F7
≈ VIC 20 Pink
Split-complementary +150° +210°
- EEB550
Goldsmith
- 5DCFFF
≈ Skyan
- BDB5FF
≈ Greyish Lavender
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.84:1 · APCA Lc 35
Ag
AAAOn black
WCAG 11.36:1 · APCA Lc 68
Best text color: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
Code snippets
CSS
:root {
--goldsmith: #eeb550;
--goldsmith-rgb: 238 181 80;
--goldsmith-oklch: oklch(0.807 0.134 79);
}
.element {
color: var(--goldsmith);
background-color: hsl(38 82% 62%);
border-color: oklch(0.807 0.134 79);
}Tailwind CSS v4
@theme {
--color-goldsmith: #eeb550;
--color-goldsmith-50: #fff2cb;
--color-goldsmith-100: #ffe4b6;
--color-goldsmith-200: #f2cf92;
--color-goldsmith-300: #dab064;
--color-goldsmith-400: #c89432;
--color-goldsmith-500: #b57900;
--color-goldsmith-600: #996600;
--color-goldsmith-700: #7a5200;
--color-goldsmith-800: #5c3b00;
--color-goldsmith-900: #402800;
--color-goldsmith-950: #291600;
}SCSS
$goldsmith: #eeb550;
$goldsmith-rgb: 238, 181, 80;
$goldsmith-light: mix(#fff, $goldsmith, 20%);
$goldsmith-dark: mix(#000, $goldsmith, 20%);
.element {
color: $goldsmith;
box-shadow: 0 0 0 2px rgba($goldsmith, 0.35);
}