Named color · #5566EE
Flickering Sea
Flickering Sea is #5566EE: rgb(85 102 238), hsl(233 82% 63%), oklch(0.574 0.203 272.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Flickering Sea color name →
#5566EE
oklch(0.574 0.203 272.8)
Color conversions
- HEX
- #5566ee
- RGB
- rgb(85 102 238)
- HSL
- hsl(233 82% 63%)
- HWB
- hwb(233 33% 7%)
- OKLCH
- oklch(0.574 0.203 272.8)
- OKLab
- oklab(0.574 0.01 -0.203)
- CIE Lab
- lab(47.92 26.8 -72.08)
- LCH
- lch(47.92 76.9 290.4)
- CMYK
- cmyk(64% 57% 0% 7%)
Tints · Shades · Tones
Tints
- 6377F1
- 7287F4
- 8297F7
- 93A6F9
- A4B6FB
- B5C4FD
- C7D3FE
- D9E2FF
- ECF0FF
Shades
- 4958CF
- 3D4AB1
- 313C93
- 262F77
- 1C235C
- 111742
- 080C2A
- 020414
- 000003
Tones
- 586BE3
- 5C6FD9
- 6072CE
- 6475C4
- 6878B9
- 6D7AAE
- 717CA3
- 767E98
- 7B7F8C
Color harmonies
Complementary +180°
- 5566EE
Flickering Sea
- 917600
≈ Bhūrā Brown
Analogous -30° +30°
- 5566EE
Flickering Sea
- 007FC3
≈ Honolulu Blue
- 924FD9
≈ Gloomy Purple
Triadic +120° +240°
- 5566EE
Flickering Sea
- D63311
≈ Rackham Red
- 00914B
≈ Jade Sylph
Split-complementary +150° +210°
- 5566EE
Flickering Sea
- AE6400
≈ Ginger
- 6A8500
≈ Swamp Green
Tetradic +90° +180° +270°
- 5566EE
Flickering Sea
- D12C6D
≈ Self-Love
- 917600
≈ Bhūrā Brown
- 008C7E
≈ Greenlake
Contrast & accessibility
Ag
AAOn white
WCAG 4.64:1 · APCA Lc 72
Ag
AAOn black
WCAG 4.52:1 · APCA Lc 30
Best text color: #FFFFFF
WCAG 4.64:1 (AA) · APCA Lc 72
Contrast pairs
Code snippets
CSS
:root {
--flickering-sea: #5566ee;
--flickering-sea-rgb: 85 102 238;
--flickering-sea-oklch: oklch(0.574 0.203 272.8);
}
.element {
color: var(--flickering-sea);
background-color: hsl(233 82% 63%);
border-color: oklch(0.574 0.203 272.8);
}Tailwind CSS v4
@theme {
--color-flickering-sea: #5566ee;
--color-flickering-sea-50: #e3f2ff;
--color-flickering-sea-100: #d3e3ff;
--color-flickering-sea-200: #bbcdff;
--color-flickering-sea-300: #9aadff;
--color-flickering-sea-400: #7990ff;
--color-flickering-sea-500: #5e71ff;
--color-flickering-sea-600: #5060e0;
--color-flickering-sea-700: #3f4db4;
--color-flickering-sea-800: #2a3987;
--color-flickering-sea-900: #1c2760;
--color-flickering-sea-950: #0d1442;
}SCSS
$flickering-sea: #5566ee;
$flickering-sea-rgb: 85, 102, 238;
$flickering-sea-light: mix(#fff, $flickering-sea, 20%);
$flickering-sea-dark: mix(#000, $flickering-sea, 20%);
.element {
color: $flickering-sea;
box-shadow: 0 0 0 2px rgba($flickering-sea, 0.35);
}