Color Charts
RGB
CMYK
RYB
#233f63 Hex Color CodeThe hexadecimal color code #233f63 is a medium dark shade of cyan-blue. In the RGB color model #233f63 is comprised of 13.73% red, 24.71% green and 38.82% blue. In the HSL color space #233f63 has a hue of 213.75 degrees, 47.76% saturation and 26.27% lightness. This color has an approximate wavelength of 485 nm. Opaltone / OMS 6709 is a matching paint color.
#233f63 Color InformationInverted
#dcc09c 25% Saturated
#1b3d6b Grayscale
#434343
25% Lighter
#2b4e7b Original
#233f63 25% Darker
#1a2f4a
darkslateblue
#483d8b 25% Desaturated
#2b405b Web Safe: blue
#0000ff
rgb(35, 63, 99)
rgba(35, 63, 99, 1.0)
red: 13.7255%, yellow: 21.364%, blue: 38.8235%
#233f63
2309987
-14467229 / 0xff233f63
hsl(214, 48%, 26%)
hsla(214, 48%, 26%, 1.0)
hue: 214 (213.75), saturation: 65 (64.6465), value: 39 (38.8235)
X: 4.7228, Y: 4.8132, Z: 12.4845
x: 0.2145, y: 0.2186, Y: 4.8132
L: 26.1958, a: 1.9403, b: -24.4115
L: 26.1958, u: -11.1258, v: -30.5096
L: 26.1958, C: 24.4885, H: 274.5445
L: 21.939, a: 0.0322, b: -18.382
cyan: 65 (0.6465), magenta: 36 (0.3636), yellow: 0 (0), key: 61 (0.6118)
cyan: 86 (0.8627), magenta: 75 (0.7529), yellow: 61 (0.6118)
Y: 58.732, I: -28.2455, Q: 5.2801
Y: 58.732, U: 19.8163, V: -20.8204
Y: 58.732, Db: 60.588, Dr: 45.136
Y: 66.449, Cb: 147.948, Cr: 113.152
Y: 59.628, Pb: 21.22, Pr: -15.656
2.5PB 3/4 approximate; exact match: Munsell 2.5PB 3/4 / #314969
#233f63 / Color Combinations & HarmoniesDownload color palette in ASE (Adobe Swatch Exchange) or GIMP .gpl format.
#233f63 to White#233f63 to Black#233f63 foreground
<p style="color: #233f63">#233f63 foreground</p>
#233f63 background
<p style="background-color: #233f63; color: #fff">#233f63 background</p>
#233f63 border
<p style="border: #233f63 3px solid">#233f63 border</p>
#233f63 radial gradient
<p style="padding: 15px 0; background: -moz-radial-gradient(50% 50%, #233f63, #fff); background: -webkit-radial-gradient(50% 50%, #233f63, #fff); background: -o-radial-gradient(50% 50%, #233f63, #fff); background: -ms-radial-gradient(50% 50%, #233f63, #fff); background: radial-gradient(50% 50%, #233f63, #fff); color: #fff">#233f63 radial gradient</p>
#233f63 linear gradient to complementary #634723
<p style="padding: 15px 0; background: -moz-linear-gradient(top, #233f63, #634723); background: -webkit-linear-gradient(top, #233f63, #634723); background: -o-linear-gradient(top, #233f63, #634723); background: -ms-linear-gradient(top, #233f63, #634723); background: linear-gradient(top, #233f63, #634723); color: #fff">#233f63 linear gradient to complementary #634723</p>
#233f63 text shadow
<p style="font-size: 24px; color: #000; text-shadow: 2px 2px 3px #233f63">#233f63 text shadow</p>
The matching paint colors are listed in order of relevancy to the #233f63 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 #233f63.
Jump to paint brand: