#349ea2 Color Information
In a RGB color space, hex #349ea2 is composed of 20.4% red, 62% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 67.9% cyan, 2.5% magenta, 0% yellow and 36.5% black. It has a hue angle of 182.2 degrees, a saturation of 51.4% and a lightness of 42%. #349ea2 color hex could be obtained by blending #68ffff with #003d45. Closest websafe color is: #339999.
-
- R 20
- G 62
- B 64
-
- C 68
- M 2
- Y 0
- K 36
● #349ea2 color description : Dark moderate cyan.
#349ea2 Color Conversion
The hexadecimal color #349ea2 has RGB values of R:52, G:158, B:162 and CMYK values of C:0.68, M:0.02, Y:0, K:0.36. Its decimal value is 3448482.
Hex triplet | 349ea2 | #349ea2 |
---|---|---|
RGB Decimal | 52, 158, 162 | rgb(52,158,162) |
RGB Percent | 20.4, 62, 63.5 | rgb(20.4%,62%,63.5%) |
CMYK | 68, 2, 0, 36 | |
HSL | 182.2°, 51.4, 42 | hsl(182.2,51.4%,42%) |
HSV (or HSB) | 182.2°, 67.9, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 59.699, -28.09, -10.888 |
---|---|
XYZ | 20.163, 27.791, 38.482 |
xyY | 0.233, 0.322, 27.791 |
CIE-LCH | 59.699, 30.127, 201.188 |
CIE-LUV | 59.699, -40.246, -12.116 |
Hunter-Lab | 52.717, -23.983, -6.378 |
Binary | 00110100, 10011110, 10100010 |
Color Schemes with #349ea2
Alternatives to #349ea2
Below, you can see some colors close to #349ea2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#349ea2 Preview
This text has a font color of #349ea2.
<span style="color:#349ea2;">Text here</span>
This paragraph has a background color of #349ea2.
<p style="background-color:#349ea2;">Content here</p>
This element has a border color of #349ea2.
<div style="border:1px solid #349ea2;">Content here</div>
.text {color:#349ea2;}
.background {background-color:#349ea2;}
.border {border:1px solid #349ea2;}
Shades and Tints of #349ea2
A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040d0e is the darkest color, while #feffff is the lightest one.
-
#040d0e
#040d0e
rgb(4,13,14)
-
#091c1c
#091c1c
rgb(9,28,28)
-
#0e2a2b
#0e2a2b
rgb(14,42,43)
-
#13393a
#13393a
rgb(19,57,58)
-
#174749
#174749
rgb(23,71,73)
-
#1c5658
#1c5658
rgb(28,86,88)
-
#216467
#216467
rgb(33,100,103)
-
#267375
#267375
rgb(38,115,117)
-
#2a8184
#2a8184
rgb(42,129,132)
-
#2f9093
#2f9093
rgb(47,144,147)
-
#349ea2
#349ea2
rgb(52,158,162)
-
#39acb1
#39acb1
rgb(57,172,177)
-
#3ebbc0
#3ebbc0
rgb(62,187,192)
-
#4bc1c5
#4bc1c5
rgb(75,193,197)
-
#5ac6ca
#5ac6ca
rgb(90,198,202)
-
#69cbcf
#69cbcf
rgb(105,203,207)
-
#78d0d4
#78d0d4
rgb(120,208,212)
-
#87d5d8
#87d5d8
rgb(135,213,216)
-
#96dbdd
#96dbdd
rgb(150,219,221)
-
#a5e0e2
#a5e0e2
rgb(165,224,226)
-
#b3e5e7
#b3e5e7
rgb(179,229,231)
-
#c2eaec
#c2eaec
rgb(194,234,236)
-
#d1eff0
#d1eff0
rgb(209,239,240)
-
#e0f4f5
#e0f4f5
rgb(224,244,245)
-
#eff9fa
#eff9fa
rgb(239,249,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #349ea2
A tone is produced by adding gray to any pure hue. In this case, #657071 is the less saturated color, while #03ccd3 is the most saturated one.
-
#657071
#657071
rgb(101,112,113)
-
#5d7879
#5d7879
rgb(93,120,121)
-
#557f81
#557f81
rgb(85,127,129)
-
#4d8789
#4d8789
rgb(77,135,137)
-
#448f92
#448f92
rgb(68,143,146)
-
#3c969a
#3c969a
rgb(60,150,154)
-
#349ea2
#349ea2
rgb(52,158,162)
-
#2ca6aa
#2ca6aa
rgb(44,166,170)
-
#24adb2
#24adb2
rgb(36,173,178)
-
#1bb5bb
#1bb5bb
rgb(27,181,187)
-
#13bdc3
#13bdc3
rgb(19,189,195)
-
#0bc4cb
#0bc4cb
rgb(11,196,203)
-
#03ccd3
#03ccd3
rgb(3,204,211)
Color Blindness Simulator
Below, you can see how #349ea2 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.