Named color · #E3DD39
Starship
Starship is #E3DD39: rgb(227 221 57), hsl(58 75% 56%), oklch(0.875 0.172 107.3). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Yellow mean? → · Starship color name →
#E3DD39
oklch(0.875 0.172 107.3)
Color conversions
- HEX
- #e3dd39
- RGB
- rgb(227 221 57)
- HSL
- hsl(58 75% 56%)
- HWB
- hwb(58 22% 11%)
- OKLCH
- oklch(0.875 0.172 107.3)
- OKLab
- oklab(0.875 -0.051 0.165)
- CIE Lab
- lab(86.59 -10.81 74.68)
- LCH
- lch(86.59 75.45 98.2)
- CMYK
- cmyk(0% 3% 75% 11%)
Tints · Shades · Tones
Tints
- E6E159
- E8E571
- EBE886
- EDEC99
- F0EFAC
- F3F3BD
- F6F6CE
- F9F9DF
- FCFCEF
Shades
- C5C030
- A8A428
- 8C881F
- 716E17
- 575510
- 3F3D09
- 272604
- 121101
- 030200
Tones
- D8D44A
- CECA56
- C4C15F
- BAB867
- B0AE6D
- A6A572
- 9C9C77
- 93937A
- 89897D
Color harmonies
Complementary +180°
- E3DD39
Starship
- D3D0FF
≈ Pale Lavender
Analogous -30° +30°
- E3DD39
Starship
- FFCD7F
≈ Egg Yolk
- 9DF07A
≈ Herbivore
Triadic +120° +240°
- E3DD39
Starship
- 9EE1FF
≈ Columbia Blue
- FFC1E0
≈ Sugarwinkle
Split-complementary +150° +210°
- E3DD39
Starship
- BDD8FF
≈ Oh Boy!
- F0C3FF
≈ Light Lavender
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.43:1 · APCA Lc 21
Ag
AAAOn black
WCAG 14.66:1 · APCA Lc 83
Best text color: #000000
WCAG 14.66:1 (AAA) · APCA Lc 83
Contrast pairs
Code snippets
CSS
:root {
--starship: #e3dd39;
--starship-rgb: 227 221 57;
--starship-oklch: oklch(0.875 0.172 107.3);
}
.element {
color: var(--starship);
background-color: hsl(58 75% 56%);
border-color: oklch(0.875 0.172 107.3);
}Tailwind CSS v4
@theme {
--color-starship: #e3dd39;
--color-starship-50: #f8fac1;
--color-starship-100: #ecedaa;
--color-starship-200: #d9db81;
--color-starship-300: #bebe4a;
--color-starship-400: #aba400;
--color-starship-500: #958b00;
--color-starship-600: #7e7600;
--color-starship-700: #655e00;
--color-starship-800: #4c4400;
--color-starship-900: #352f00;
--color-starship-950: #201b00;
}SCSS
$starship: #e3dd39;
$starship-rgb: 227, 221, 57;
$starship-light: mix(#fff, $starship, 20%);
$starship-dark: mix(#000, $starship, 20%);
.element {
color: $starship;
box-shadow: 0 0 0 2px rgba($starship, 0.35);
}