#356983 color information
In a RGB color space, hex #356983 is composed of 20.8% red, 41.2% green and 51.4% blue. Whereas in a CMYK color space, it is composed of 59.5% cyan, 19.8% magenta, 0% yellow and 48.6% black. It has a hue angle of 200 degrees, a saturation of 42.4% and a lightness of 36.1%. #356983 color hex could be obtained by blending #6ad2ff with #000007. Closest websafe color is: #336699.
#356983 color conversion
The hexadecimal color #356983 has RGB values of R:53, G:105, B:131 and CMYK values of C:0.6, M:0.2, Y:0, K:0.49. Its decimal value is 3500419.
- Hex triplet 356983
#356983 - RGB Decimal 53, 105, 131
rgb(53,105,131) - RGB Percent 20.8, 41.2, 51.4
rgb(20.8%,41.2%,51.4%) - CMYK 60, 20, 0, 49
- HSL 200°, 42.4, 36.1
hsl(200,42%,36%) - HSV (or HSB) 200°, 59.5, 51.4
- Web Safe 336699
#336699
- CIE-LAB 41.997, -9.197, -19.674
- XYZ 10.615, 12.498, 23.324
- xyY 0.229, 0.269, 12.498
- CIE-LCH 41.997, 21.718, 244.944
- CIE-LUV 41.997, -21.53, -26.599
- Hunter-Lab 35.353, -8.268, -14.371
- Binary 00110101, 01101001, 10000011
Color Schemes with #356983
#356983 in action
This text has a font color of #356983.
<span style="color:#356983;">Text here</span>
This paragraph has a background color of #356983.
<p style="background-color:#356983;">Content here</p>
This element has a border color of #356983.
<div style="border:1px solid #356983;">Content here</div>
.text {color:#356983;}
.background {background-color:#356983;}
.border {border:1px solid #356983;}
Shades of #356983
- #080f13 #080f13
rgb(8,15,19) - #13262f #13262f
rgb(19,38,47) - #1e3c4b #1e3c4b
rgb(30,60,75) - #2a5367 #2a5367
rgb(42,83,103) - #356983 #356983
rgb(53,105,131) - #407f9f #407f9f
rgb(64,127,159) - #4f95b8 #4f95b8
rgb(79,149,184) - #6ba6c3 #6ba6c3
rgb(107,166,195) - #87b6ce #87b6ce
rgb(135,182,206) - #a3c7da #a3c7da
rgb(163,199,218) - #bed8e5 #bed8e5
rgb(190,216,229) - #dae9f0 #dae9f0
rgb(218,233,240) - #f6fafb #f6fafb
rgb(246,250,251)
Color Blindness Simulator
Below, you can see how #356983 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.
