#028fa0
Hex Color CodeThe hexadecimal color code #028fa0
is a medium dark shade of cyan. In the RGB color model #028fa0
is comprised of 0.78% red, 56.08% green and 62.75% blue. In the HSL color space #028fa0
has a hue of 186.46 degrees, 97.53% saturation and 31.76% lightness. This color has an approximate wavelength of 503 nm.
#028fa0
Color InformationInverted
#fd705f 25% Saturated
#0090a2 Grayscale
#515151
25% Lighter
#02b2c8 Original
#028fa0 25% Darker
#016b77
darkcyan
#008b8b 25% Desaturated
#157f8c Web Safe: teal
#008080
rgb(2, 143, 160)
rgba(2, 143, 160, 1.0)
red: 0.7843%, yellow: 30.0033%, blue: 62.7451%
#028fa0
167840
-16609376 / 0xff028fa0
hsl(186, 98%, 32%)
hsla(186, 98%, 32%, 1.0)
hue: 186 (186.4557), saturation: 99 (98.75), value: 63 (62.7451)
X: 16.1927, Y: 22.1959, Z: 36.6885
x: 0.2157, y: 0.2956, Y: 22.1959
L: 54.2342, a: -25.5529, b: -18.0789
L: 54.2342, u: -40.0379, v: -23.4843
L: 54.2342, C: 31.3017, H: 215.2798
L: 47.1125, a: -21.0961, b: -13.1929
cyan: 99 (0.9875), magenta: 11 (0.1062), yellow: 0 (0), key: 37 (0.3725)
cyan: 99 (0.9922), magenta: 44 (0.4392), yellow: 37 (0.3725)
Y: 102.779, I: -89.4574, Q: -24.526
Y: 102.779, U: 28.1588, V: -88.4152
Y: 102.779, Db: 86.111, Dr: 191.642
Y: 104.266, Cb: 156.331, Cr: 64.894
Y: 114.191, Pb: 24.715, Pr: -71.282
10BG 5/6 approximate; exact match: Munsell 10BG 5/6 / #268696
#028fa0
/ Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#028fa0
to White#028fa0
to Black#028fa0
foreground
<p style="color: #028fa0">#028fa0 foreground</p>
#028fa0
background
<p style="background-color: #028fa0; color: #fff">#028fa0 background</p>
#028fa0
border
<p style="border: #028fa0 3px solid">#028fa0 border</p>
#028fa0
radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #028fa0, #fff); background: -webkit-radial-gradient(50% 50%, #028fa0, #fff); background: -o-radial-gradient(50% 50%, #028fa0, #fff); background: -ms-radial-gradient(50% 50%, #028fa0, #fff); background: radial-gradient(50% 50%, #028fa0, #fff); color: #fff">#028fa0 radial gradient</p>
#028fa0
linear gradient to complementary #a01301
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #028fa0, #a01301); background: -webkit-linear-gradient(top, #028fa0, #a01301); background: -o-linear-gradient(top, #028fa0, #a01301); background: -ms-linear-gradient(top, #028fa0, #a01301); background: linear-gradient(top, #028fa0, #a01301); color: #fff">
#028fa0
linear gradient to complementary #a01301
</p>
#028fa0
text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #028fa0">#028fa0 text shadow</p>
The matching paint colors are listed in order of relevancy to the #028fa0
hex color code. Relevancy is determined by the average visual similarity of the top 4 related paints of each paint brand to the hex color #028fa0
.
Jump to paint brand: