Nearest named color · #6499FF
#6499FF
Nearest named color: Polar Glow
#6499FF (rgb(100 153 255), hsl(219 100% 70%), oklch(0.693 0.161 262.3)) is closest to the named color Polar Glow. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6499FF
oklch(0.693 0.161 262.3)
Color conversions
- HEX
- #6499ff
- RGB
- rgb(100 153 255)
- HSL
- hsl(219 100% 70%)
- HWB
- hwb(219 39% 0%)
- OKLCH
- oklch(0.693 0.161 262.3)
- OKLab
- oklab(0.693 -0.022 -0.159)
- CIE Lab
- lab(63.12 5.6 -57.04)
- LCH
- lch(63.12 57.32 275.6)
- CMYK
- cmyk(61% 40% 0% 0%)
Tints · Shades · Tones
Tints
- 73A4FF
- 82AEFF
- 92B9FF
- A1C3FF
- B0CDFF
- C0D7FF
- D0E1FF
- DFEBFF
- EFF5FF
Shades
- 5684DE
- 4870BE
- 3B5D9E
- 2E4A80
- 223863
- 162748
- 0B172E
- 030816
- 000103
Tones
- 6797F2
- 6B95E6
- 6E93D9
- 7191CC
- 748EC0
- 768CB3
- 7989A6
- 7B869A
- 7E838D
Color harmonies
Complementary +180°
- 6499FF
Polar Glow
- C89200
≈ Festering Brown
Analogous -30° +30°
- 6499FF
Polar Glow
- 00AAE5
≈ Huelveño Horizon
- A086F6
≈ Lavender Blue Shadow
Triadic +120° +240°
- 6499FF
Polar Glow
- EF6E6D
≈ Zahri Pink
- 5AB453
≈ Sour Candy
Split-complementary +150° +210°
- 6499FF
Polar Glow
- E87B29
≈ Chaat Masala
- 9FA500
≈ Countryside
Tetradic +90° +180° +270°
- 6499FF
Polar Glow
- E56DA6
≈ Amaranth
- C89200
≈ Festering Brown
- 00B793
≈ Aoife’s 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 {
--polar-glow: #6499ff;
--polar-glow-rgb: 100 153 255;
--polar-glow-oklch: oklch(0.693 0.161 262.3);
}
.element {
color: var(--polar-glow);
background-color: hsl(219 100% 70%);
border-color: oklch(0.693 0.161 262.3);
}Tailwind CSS v4
@theme {
--color-polar-glow: #6499ff;
--color-polar-glow-50: #def6ff;
--color-polar-glow-100: #cde8ff;
--color-polar-glow-200: #b2d4ff;
--color-polar-glow-300: #8eb6ff;
--color-polar-glow-400: #699cfd;
--color-polar-glow-500: #4880ef;
--color-polar-glow-600: #3e6dca;
--color-polar-glow-700: #3157a2;
--color-polar-glow-800: #1f4079;
--color-polar-glow-900: #142c55;
--color-polar-glow-950: #06193a;
}SCSS
$polar-glow: #6499ff;
$polar-glow-rgb: 100, 153, 255;
$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);
}