#348baa Color Information
In a RGB color space, hex #348baa is composed of 20.4% red, 54.5% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 18.2% magenta, 0% yellow and 33.3% black. It has a hue angle of 195.8 degrees, a saturation of 53.2% and a lightness of 43.5%. #348baa color hex could be obtained by blending #68ffff with #001755. Closest websafe color is: #339999.
-
- R 20
- G 55
- B 67
-
- C 69
- M 18
- Y 0
- K 33
● #348baa color description : Dark moderate blue.
#348baa Color Conversion
The hexadecimal color #348baa has RGB values of R:52, G:139, B:170 and CMYK values of C:0.69, M:0.18, Y:0, K:0.33. Its decimal value is 3443626.
Hex triplet | 348baa | #348baa |
---|---|---|
RGB Decimal | 52, 139, 170 | rgb(52,139,170) |
RGB Percent | 20.4, 54.5, 66.7 | rgb(20.4%,54.5%,66.7%) |
CMYK | 69, 18, 0, 33 | |
HSL | 195.8°, 53.2, 43.5 | hsl(195.8,53.2%,43.5%) |
HSV (or HSB) | 195.8°, 69.4, 66.7 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 54.129, -15.667, -23.921 |
---|---|
XYZ | 17.903, 22.096, 41.349 |
xyY | 0.22, 0.272, 22.096 |
CIE-LCH | 54.129, 28.595, 236.778 |
CIE-LUV | 54.129, -32.77, -33.953 |
Hunter-Lab | 47.007, -14.279, -19.25 |
Binary | 00110100, 10001011, 10101010 |
Color Schemes with #348baa
Alternatives to #348baa
Below, you can see some colors close to #348baa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348baa Preview
This text has a font color of #348baa.
<span style="color:#348baa;">Text here</span>
This paragraph has a background color of #348baa.
<p style="background-color:#348baa;">Content here</p>
This element has a border color of #348baa.
<div style="border:1px solid #348baa;">Content here</div>
.text {color:#348baa;}
.background {background-color:#348baa;}
.border {border:1px solid #348baa;}
Shades and Tints of #348baa
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, #010405 is the darkest color, while #f5fafc is the lightest one.
-
#010405
#010405
rgb(1,4,5)
-
#061014
#061014
rgb(6,16,20)
-
#0b1c23
#0b1c23
rgb(11,28,35)
-
#0f2932
#0f2932
rgb(15,41,50)
-
#143541
#143541
rgb(20,53,65)
-
#184150
#184150
rgb(24,65,80)
-
#1d4e5f
#1d4e5f
rgb(29,78,95)
-
#225a6e
#225a6e
rgb(34,90,110)
-
#26667d
#26667d
rgb(38,102,125)
-
#2b728c
#2b728c
rgb(43,114,140)
-
#2f7f9b
#2f7f9b
rgb(47,127,155)
-
#348baa
#348baa
rgb(52,139,170)
-
#3997b9
#3997b9
rgb(57,151,185)
-
#41a2c5
#41a2c5
rgb(65,162,197)
-
#50a9c9
#50a9c9
rgb(80,169,201)
-
#5fb1ce
#5fb1ce
rgb(95,177,206)
-
#6eb8d3
#6eb8d3
rgb(110,184,211)
-
#7dbfd7
#7dbfd7
rgb(125,191,215)
-
#8cc7dc
#8cc7dc
rgb(140,199,220)
-
#9bcee0
#9bcee0
rgb(155,206,224)
-
#aad5e5
#aad5e5
rgb(170,213,229)
-
#b9dde9
#b9dde9
rgb(185,221,233)
-
#c8e4ee
#c8e4ee
rgb(200,228,238)
-
#d7ebf3
#d7ebf3
rgb(215,235,243)
-
#e6f3f7
#e6f3f7
rgb(230,243,247)
-
#f5fafc
#f5fafc
rgb(245,250,252)
Tones of #348baa
A tone is produced by adding gray to any pure hue. In this case, #677377 is the less saturated color, while #01a3dd is the most saturated one.
-
#677377
#677377
rgb(103,115,119)
-
#5f777f
#5f777f
rgb(95,119,127)
-
#567b88
#567b88
rgb(86,123,136)
-
#4e7f90
#4e7f90
rgb(78,127,144)
-
#458399
#458399
rgb(69,131,153)
-
#3d87a1
#3d87a1
rgb(61,135,161)
-
#348baa
#348baa
rgb(52,139,170)
-
#2b8fb3
#2b8fb3
rgb(43,143,179)
-
#2393bb
#2393bb
rgb(35,147,187)
-
#1a97c4
#1a97c4
rgb(26,151,196)
-
#129bcc
#129bcc
rgb(18,155,204)
-
#099fd5
#099fd5
rgb(9,159,213)
-
#01a3dd
#01a3dd
rgb(1,163,221)
Color Blindness Simulator
Below, you can see how #348baa 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.