Nearest named color · #609DED
#609DED
Nearest named color: Polar Glow
#609DED (rgb(96 157 237), hsl(214 80% 65%), oklch(0.69 0.135 255.8)) is closest to the named color Polar Glow. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#609DED
oklch(0.69 0.135 255.8)
Color conversions
- HEX
- #609ded
- RGB
- rgb(96 157 237)
- HSL
- hsl(214 80% 65%)
- HWB
- hwb(214 38% 7%)
- OKLCH
- oklch(0.69 0.135 255.8)
- OKLab
- oklab(0.69 -0.033 -0.131)
- CIE Lab
- lab(63.27 -2.1 -47.01)
- LCH
- lch(63.27 47.06 267.4)
- CMYK
- cmyk(59% 34% 0% 7%)
Tints · Shades · Tones
Tints
- 70A7F0
- 80B1F2
- 90BBF4
- A0C5F6
- B0CFF8
- BFD8FA
- CFE2FC
- DFECFD
- EFF5FE
Shades
- 5288CE
- 4573B0
- 385F93
- 2C4C77
- 203A5C
- 152842
- 0A182A
- 030914
- 000103
Tones
- 649BE2
- 6898D7
- 6C95CC
- 6F93C1
- 7390B7
- 768DAC
- 788AA1
- 7B8796
- 7E838B
Color harmonies
Complementary +180°
- 609DED
Polar Glow
- CB8E23
≈ End of Summer
Analogous -30° +30°
- 609DED
Polar Glow
- 00ABD9
≈ Malibu Blue
- 958DEA
≈ Perrywinkle
Triadic +120° +240°
- 609DED
Polar Glow
- E2757F
≈ Passion Pink
- 74AE55
≈ Lost Golfer
Split-complementary +150° +210°
- 609DED
Polar Glow
- DE7E4F
≈ Deep Coral
- A7A027
≈ Parrot Feather
Tetradic +90° +180° +270°
- 609DED
Polar Glow
- D677AD
≈ Ice Plant
- CB8E23
≈ End of Summer
- 26B587
≈ Green Velour
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 {
--polar-glow: #609ded;
--polar-glow-rgb: 96 157 237;
--polar-glow-oklch: oklch(0.69 0.135 255.8);
}
.element {
color: var(--polar-glow);
background-color: hsl(214 80% 65%);
border-color: oklch(0.69 0.135 255.8);
}Tailwind CSS v4
@theme {
--color-polar-glow: #609ded;
--color-polar-glow-50: #def7ff;
--color-polar-glow-100: #cceaff;
--color-polar-glow-200: #b1d7ff;
--color-polar-glow-300: #8cb9fc;
--color-polar-glow-400: #67a0ed;
--color-polar-glow-500: #4387dd;
--color-polar-glow-600: #3a72bb;
--color-polar-glow-700: #2e5b96;
--color-polar-glow-800: #1d4370;
--color-polar-glow-900: #132f4f;
--color-polar-glow-950: #051b34;
}SCSS
$polar-glow: #609ded;
$polar-glow-rgb: 96, 157, 237;
$polar-glow-light: mix(#fff, $polar-glow, 20%);
$polar-glow-dark: mix(#000, $polar-glow, 20%);
.element {
color: $polar-glow;
box-shadow: 0 0 0 2px rgba($polar-glow, 0.35);
}