Nearest named color · #50A0E9
#50A0E9
Nearest named color: Windjammer
#50A0E9 (rgb(80 160 233), hsl(209 78% 61%), oklch(0.687 0.134 248.5)) is closest to the named color Windjammer. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#50A0E9
oklch(0.687 0.134 248.5)
Color conversions
- HEX
- #50a0e9
- RGB
- rgb(80 160 233)
- HSL
- hsl(209 78% 61%)
- HWB
- hwb(209 31% 9%)
- OKLCH
- oklch(0.687 0.134 248.5)
- OKLab
- oklab(0.687 -0.049 -0.124)
- CIE Lab
- lab(63.28 -7.91 -44.85)
- LCH
- lch(63.28 45.55 260)
- CMYK
- cmyk(66% 31% 0% 9%)
Tints · Shades · Tones
Tints
- 64AAEC
- 76B4EF
- 88BDF1
- 99C7F4
- AAD0F6
- BBDAF8
- CCE3FA
- DDECFC
- EEF6FE
Shades
- 448BCB
- 3976AD
- 2E6190
- 244E74
- 1A3B5A
- 102941
- 071929
- 020913
- 000103
Tones
- 579DDE
- 5D9AD4
- 6397C9
- 6894BF
- 6D91B5
- 718EAA
- 758BA0
- 798795
- 7D848B
Color harmonies
Complementary +180°
- 50A0E9
Windjammer
- D0892D
≈ Brown Beige
Analogous -30° +30°
- 50A0E9
Windjammer
- 00ACCE
≈ Ball Blue
- 8991EC
≈ Perrywinkle
Triadic +120° +240°
- 50A0E9
Windjammer
- DF758A
≈ Creamy Coral
- 82AA49
≈ Lime It or Leave It
Split-complementary +150° +210°
- 50A0E9
Windjammer
- E07B5A
≈ Dry Peach
- B09B20
≈ Lucky
Tetradic +90° +180° +270°
- 50A0E9
Windjammer
- CF78B7
≈ Peruvian Lily
- D0892D
≈ Brown Beige
- 3FB37B
≈ Ming Green
Contrast & accessibility
Ag
FailOn white
WCAG 2.78:1 · APCA Lc 53
Ag
AAAOn black
WCAG 7.54:1 · APCA Lc 48
Best text color: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Code snippets
CSS
:root {
--windjammer: #50a0e9;
--windjammer-rgb: 80 160 233;
--windjammer-oklch: oklch(0.687 0.134 248.5);
}
.element {
color: var(--windjammer);
background-color: hsl(209 78% 61%);
border-color: oklch(0.687 0.134 248.5);
}Tailwind CSS v4
@theme {
--color-windjammer: #50a0e9;
--color-windjammer-50: #d9f9ff;
--color-windjammer-100: #c7ecff;
--color-windjammer-200: #a9d9ff;
--color-windjammer-300: #82bcfa;
--color-windjammer-400: #59a4e9;
--color-windjammer-500: #2c8bda;
--color-windjammer-600: #2876b8;
--color-windjammer-700: #205e94;
--color-windjammer-800: #11456e;
--color-windjammer-900: #0b304d;
--color-windjammer-950: #001c33;
}SCSS
$windjammer: #50a0e9;
$windjammer-rgb: 80, 160, 233;
$windjammer-light: mix(#fff, $windjammer, 20%);
$windjammer-dark: mix(#000, $windjammer, 20%);
.element {
color: $windjammer;
box-shadow: 0 0 0 2px rgba($windjammer, 0.35);
}