Named color · #54A9CA
Estero Sky
Estero Sky is #54A9CA: rgb(84 169 202), hsl(197 53% 56%), oklch(0.695 0.095 226.1). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Estero Sky color name →
#54A9CA
oklch(0.695 0.095 226.1)
Color conversions
- HEX
- #54a9ca
- RGB
- rgb(84 169 202)
- HSL
- hsl(197 53% 56%)
- HWB
- hwb(197 33% 21%)
- OKLCH
- oklch(0.695 0.095 226.1)
- OKLab
- oklab(0.695 -0.066 -0.068)
- CIE Lab
- lab(64.96 -19.46 -25.2)
- LCH
- lch(64.96 31.84 232.3)
- CMYK
- cmyk(58% 16% 0% 21%)
Tints · Shades · Tones
Tints
- 68B2CF
- 7ABAD5
- 8BC3DA
- 9CCBE0
- ADD4E5
- BDDDEA
- CEE5F0
- DEEEF5
- EFF6FA
Shades
- 4892AF
- 3C7C95
- 31677C
- 265364
- 1B3F4D
- 112C37
- 081B22
- 020A0F
- 000102
Tones
- 5BA5C3
- 61A1BB
- 669DB4
- 6B99AC
- 7095A5
- 73919D
- 778D96
- 7A888F
- 7D8487
Color harmonies
Complementary +180°
- 54A9CA
Estero Sky
- CE8A6A
≈ Subdued Sienna
Analogous -30° +30°
- 54A9CA
Estero Sky
- 47AFB0
≈ Lake Tahoe Turquoise
- 759FD7
≈ Kindred
Triadic +120° +240°
- 54A9CA
Estero Sky
- C885A9
≈ Moonlight Mauve
- A4A158
≈ Garden of Earthly Delights
Split-complementary +150° +210°
- 54A9CA
Estero Sky
- D18489
≈ Mauve Glow
- BF9556
≈ Amber Gold
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.65:1 · APCA Lc 51
Ag
AAAOn black
WCAG 7.90:1 · APCA Lc 50
Best text color: #000000
WCAG 7.90:1 (AAA) · APCA Lc 50
Contrast pairs
Code snippets
CSS
:root {
--estero-sky: #54a9ca;
--estero-sky-rgb: 84 169 202;
--estero-sky-oklch: oklch(0.695 0.095 226.1);
}
.element {
color: var(--estero-sky);
background-color: hsl(197 53% 56%);
border-color: oklch(0.695 0.095 226.1);
}Tailwind CSS v4
@theme {
--color-estero-sky: #54a9ca;
--color-estero-sky-50: #dafbff;
--color-estero-sky-100: #c8efff;
--color-estero-sky-200: #aaddf5;
--color-estero-sky-300: #82c1de;
--color-estero-sky-400: #5baac9;
--color-estero-sky-500: #2c93b6;
--color-estero-sky-600: #287c9a;
--color-estero-sky-700: #20637b;
--color-estero-sky-800: #14495b;
--color-estero-sky-900: #0d333f;
--color-estero-sky-950: #011e28;
}SCSS
$estero-sky: #54a9ca;
$estero-sky-rgb: 84, 169, 202;
$estero-sky-light: mix(#fff, $estero-sky, 20%);
$estero-sky-dark: mix(#000, $estero-sky, 20%);
.element {
color: $estero-sky;
box-shadow: 0 0 0 2px rgba($estero-sky, 0.35);
}