#348ba9 Color Information
In a RGB color space, hex #348ba9 is composed of 20.4% red, 54.5% green and 66.3% blue. Whereas in a CMYK color space, it is composed of 69.2% cyan, 17.8% magenta, 0% yellow and 33.7% black. It has a hue angle of 195.4 degrees, a saturation of 52.9% and a lightness of 43.3%. #348ba9 color hex could be obtained by blending #68ffff with #001753. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 66
-
- C 69
- M 18
- Y 0
- K 34
● #348ba9 color description : Dark moderate blue.
#348ba9 Color Conversion
The hexadecimal color #348ba9 has RGB values of R:52, G:139, B:169 and CMYK values of C:0.69, M:0.18, Y:0, K:0.34. Its decimal value is 3443625.
Hex triplet | 348ba9 | #348ba9 |
---|---|---|
RGB Decimal | 52, 139, 169 | rgb(52,139,169) |
RGB Percent | 20.4, 54.5, 66.3 | rgb(20.4%,54.5%,66.3%) |
CMYK | 69, 18, 0, 34 | |
HSL | 195.4°, 52.9, 43.3 | hsl(195.4,52.9%,43.3%) |
HSV (or HSB) | 195.4°, 69.2, 66.3 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.089, -15.998, -23.408 |
---|---|
XYZ | 17.808, 22.058, 40.853 |
xyY | 0.221, 0.273, 22.058 |
CIE-LCH | 54.089, 28.353, 235.649 |
CIE-LUV | 54.089, -32.823, -33.088 |
Hunter-Lab | 46.966, -14.509, -18.696 |
Binary | 00110100, 10001011, 10101001 |
Color Schemes with #348ba9
Alternatives to #348ba9
Below, you can see some colors close to #348ba9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348ba9 Preview
This text has a font color of #348ba9.
<span style="color:#348ba9;">Text here</span>
This paragraph has a background color of #348ba9.
<p style="background-color:#348ba9;">Content here</p>
This element has a border color of #348ba9.
<div style="border:1px solid #348ba9;">Content here</div>
.text {color:#348ba9;}
.background {background-color:#348ba9;}
.border {border:1px solid #348ba9;}
Shades and Tints of #348ba9
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, #010304 is the darkest color, while #f4fafc is the lightest one.
-
#010304
#010304
rgb(1,3,4)
-
#061013
#061013
rgb(6,16,19)
-
#0a1c22
#0a1c22
rgb(10,28,34)
-
#0f2831
#0f2831
rgb(15,40,49)
-
#143540
#143540
rgb(20,53,64)
-
#18414f
#18414f
rgb(24,65,79)
-
#1d4d5e
#1d4d5e
rgb(29,77,94)
-
#225a6d
#225a6d
rgb(34,90,109)
-
#26667c
#26667c
rgb(38,102,124)
-
#2b728b
#2b728b
rgb(43,114,139)
-
#2f7f9a
#2f7f9a
rgb(47,127,154)
-
#348ba9
#348ba9
rgb(52,139,169)
-
#3997b8
#3997b8
rgb(57,151,184)
-
#40a2c4
#40a2c4
rgb(64,162,196)
-
#4faac9
#4faac9
rgb(79,170,201)
-
#5eb1cd
#5eb1cd
rgb(94,177,205)
-
#6db8d2
#6db8d2
rgb(109,184,210)
-
#7cbfd7
#7cbfd7
rgb(124,191,215)
-
#8bc7db
#8bc7db
rgb(139,199,219)
-
#9acee0
#9acee0
rgb(154,206,224)
-
#a9d5e5
#a9d5e5
rgb(169,213,229)
-
#b8dde9
#b8dde9
rgb(184,221,233)
-
#c7e4ee
#c7e4ee
rgb(199,228,238)
-
#d6ebf2
#d6ebf2
rgb(214,235,242)
-
#e5f2f7
#e5f2f7
rgb(229,242,247)
-
#f4fafc
#f4fafc
rgb(244,250,252)
Tones of #348ba9
A tone is produced by adding gray to any pure hue. In this case, #677276 is the less saturated color, while #01a4dc is the most saturated one.
-
#677276
#677276
rgb(103,114,118)
-
#5f767f
#5f767f
rgb(95,118,127)
-
#567a87
#567a87
rgb(86,122,135)
-
#4e7f90
#4e7f90
rgb(78,127,144)
-
#458398
#458398
rgb(69,131,152)
-
#3d87a1
#3d87a1
rgb(61,135,161)
-
#348ba9
#348ba9
rgb(52,139,169)
-
#2c8fb2
#2c8fb2
rgb(44,143,178)
-
#2393ba
#2393ba
rgb(35,147,186)
-
#1b97c3
#1b97c3
rgb(27,151,195)
-
#129ccb
#129ccb
rgb(18,156,203)
-
#0aa0d4
#0aa0d4
rgb(10,160,212)
-
#01a4dc
#01a4dc
rgb(1,164,220)
Color Blindness Simulator
Below, you can see how #348ba9 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.