Color Charts
RGB
CMYK
RYB
#02688c Hex Color CodeThe hexadecimal color code #02688c is a medium dark shade of cyan. In the RGB color model #02688c is comprised of 0.78% red, 40.78% green and 54.9% blue. In the HSL color space #02688c has a hue of 195.65 degrees, 97.18% saturation and 27.84% lightness. This color has an approximate wavelength of 497 nm.
#02688c Color InformationInverted
#fd9773 25% Saturated
#00688e Grayscale
#474747
25% Lighter
#0281af Original
#02688c 25% Darker
#014d69
steelblue
#4682b4 25% Desaturated
#135f7a Web Safe: teal
#008080
rgb(2, 104, 140)
rgba(2, 104, 140, 1.0)
red: 0.7843%, yellow: 23.7843%, blue: 54.902%
#02688c
157836
-16619380 / 0xff02688c
hsl(196, 97%, 28%)
hsla(196, 97%, 28%, 1.0)
hue: 196 (195.6522), saturation: 99 (98.5714), value: 55 (54.902)
X: 9.709, Y: 11.807, Z: 26.5782
x: 0.2019, y: 0.2455, Y: 11.807
L: 40.9077, a: -11.5615, b: -26.8761
L: 40.9077, u: -27.7284, v: -37.0525
L: 40.9077, C: 29.2574, H: 246.7237
L: 34.3613, a: -9.6961, b: -21.8075
cyan: 99 (0.9857), magenta: 26 (0.2571), yellow: 0 (0), key: 45 (0.451)
cyan: 99 (0.9922), magenta: 59 (0.5922), yellow: 45 (0.451)
Y: 77.606, I: -72.3285, Q: -10.3677
Y: 77.606, U: 30.7043, V: -66.3304
Y: 77.606, Db: 93.888, Dr: 143.778
Y: 82.65, Cb: 158.9, Cr: 80.666
Y: 84.866, Pb: 29.73, Pr: -52.656
7.5B 4/6 approximate; exact match: Munsell 7.5B 4/6 / #20678b
#02688c / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#02688c to White#02688c to Black#02688c foreground
<p style="color: #02688c">#02688c foreground</p>
#02688c background
<p style="background-color: #02688c; color: #fff">#02688c background</p>
#02688c border
<p style="border: #02688c 3px solid">#02688c border</p>
#02688c radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #02688c, #fff); background: -webkit-radial-gradient(50% 50%, #02688c, #fff); background: -o-radial-gradient(50% 50%, #02688c, #fff); background: -ms-radial-gradient(50% 50%, #02688c, #fff); background: radial-gradient(50% 50%, #02688c, #fff); color: #fff">#02688c radial gradient</p>
#02688c linear gradient to complementary #8c2601
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #02688c, #8c2601); background: -webkit-linear-gradient(top, #02688c, #8c2601); background: -o-linear-gradient(top, #02688c, #8c2601); background: -ms-linear-gradient(top, #02688c, #8c2601); background: linear-gradient(top, #02688c, #8c2601); color: #fff">#02688c linear gradient to complementary #8c2601</p>
#02688c text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #02688c">#02688c text shadow</p>
The matching paint colors are listed in order of relevancy to the #02688c 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 #02688c.
Jump to paint brand: