Nearest named color · #6D96F2
#6D96F2
Nearest named color: Polar Glow
#6D96F2 (rgb(109 150 242), hsl(222 84% 69%), oklch(0.684 0.144 264.7)) is closest to the named color Polar Glow. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#6D96F2
oklch(0.684 0.144 264.7)
Color conversions
- HEX
- #6d96f2
- RGB
- rgb(109 150 242)
- HSL
- hsl(222 84% 69%)
- HWB
- hwb(222 43% 5%)
- OKLCH
- oklch(0.684 0.144 264.7)
- OKLab
- oklab(0.684 -0.013 -0.143)
- CIE Lab
- lab(62.21 5.85 -51.35)
- LCH
- lch(62.21 51.68 276.5)
- CMYK
- cmyk(55% 38% 0% 5%)
Tints · Shades · Tones
Tints
- 7BA1F4
- 89ACF6
- 97B6F8
- A6C1FA
- B4CBFB
- C3D6FC
- D2E0FD
- E1EAFE
- F0F5FF
Shades
- 5E82D2
- 4F6EB4
- 415B96
- 334979
- 26375E
- 192643
- 0D162B
- 040814
- 010103
Tones
- 6F94E7
- 7193DB
- 7391D0
- 758FC5
- 778CB9
- 798AAE
- 7B88A2
- 7D8597
- 7E838C
Color harmonies
Complementary +180°
- 6D96F2
Polar Glow
- C19100
≈ Moutarde de Bénichon
Analogous -30° +30°
- 6D96F2
Polar Glow
- 06A6E5
≈ Huelveño Horizon
- A086E8
≈ Perrywinkle
Triadic +120° +240°
- 6D96F2
Polar Glow
- E5726C
≈ Ardent Coral
- 5AB05E
≈ Chlorella Green
Split-complementary +150° +210°
- 6D96F2
Polar Glow
- DC7E36
≈ Sandy Peppers
- 98A323
≈ Forest Lichen
Tetradic +90° +180° +270°
- 6D96F2
Polar Glow
- DD709E
≈ Chinese Pink
- C19100
≈ Moutarde de Bénichon
- 00B395
≈ Aloha
Contrast & accessibility
Ag
FailOn white
WCAG 2.87:1 · APCA Lc 55
Ag
AAAOn black
WCAG 7.29:1 · APCA Lc 47
Best text color: #000000
WCAG 7.29:1 (AAA) · APCA Lc 47
Contrast pairs
Code snippets
CSS
:root {
--polar-glow: #6d96f2;
--polar-glow-rgb: 109 150 242;
--polar-glow-oklch: oklch(0.684 0.144 264.7);
}
.element {
color: var(--polar-glow);
background-color: hsl(222 84% 69%);
border-color: oklch(0.684 0.144 264.7);
}Tailwind CSS v4
@theme {
--color-polar-glow: #6d96f2;
--color-polar-glow-50: #e2f5ff;
--color-polar-glow-100: #d2e7ff;
--color-polar-glow-200: #b8d3ff;
--color-polar-glow-300: #96b5ff;
--color-polar-glow-400: #749bf3;
--color-polar-glow-500: #5681e4;
--color-polar-glow-600: #496dc1;
--color-polar-glow-700: #3a579b;
--color-polar-glow-800: #274074;
--color-polar-glow-900: #1a2c52;
--color-polar-glow-950: #0b1937;
}SCSS
$polar-glow: #6d96f2;
$polar-glow-rgb: 109, 150, 242;
$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);
}