#348ad5 Color Information
In a RGB color space, hex #348ad5 is composed of 20.4% red, 54.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 35.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 208 degrees, a saturation of 65.7% and a lightness of 52%. #348ad5 color hex could be obtained by blending #68ffff with #0015ab. Closest websafe color is: #3399cc.
-
- R 20
- G 54
- B 84
-
- C 76
- M 35
- Y 0
- K 16
● #348ad5 color description : Strong blue.
#348ad5 Color Conversion
The hexadecimal color #348ad5 has RGB values of R:52, G:138, B:213 and CMYK values of C:0.76, M:0.35, Y:0, K:0.16. Its decimal value is 3443413.
Hex triplet | 348ad5 | #348ad5 |
---|---|---|
RGB Decimal | 52, 138, 213 | rgb(52,138,213) |
RGB Percent | 20.4, 54.1, 83.5 | rgb(20.4%,54.1%,83.5%) |
CMYK | 76, 35, 0, 16 | |
HSL | 208°, 65.7, 52 | hsl(208,65.7%,52%) |
HSV (or HSB) | 208°, 75.6, 83.5 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.796, -0.105, -45.764 |
---|---|
XYZ | 22.512, 23.709, 66.337 |
xyY | 0.2, 0.211, 23.709 |
CIE-LCH | 55.796, 45.764, 269.869 |
CIE-LUV | 55.796, -30.335, -71.537 |
Hunter-Lab | 48.692, -2.685, -46.691 |
Binary | 00110100, 10001010, 11010101 |
Color Schemes with #348ad5
Alternatives to #348ad5
Below, you can see some colors close to #348ad5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348ad5 Preview
This text has a font color of #348ad5.
<span style="color:#348ad5;">Text here</span>
This paragraph has a background color of #348ad5.
<p style="background-color:#348ad5;">Content here</p>
This element has a border color of #348ad5.
<div style="border:1px solid #348ad5;">Content here</div>
.text {color:#348ad5;}
.background {background-color:#348ad5;}
.border {border:1px solid #348ad5;}
Shades and Tints of #348ad5
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, #020508 is the darkest color, while #f7fafd is the lightest one.
-
#020508
#020508
rgb(2,5,8)
-
#050f19
#050f19
rgb(5,15,25)
-
#081a29
#081a29
rgb(8,26,41)
-
#0c2439
#0c2439
rgb(12,36,57)
-
#0f2e49
#0f2e49
rgb(15,46,73)
-
#13385a
#13385a
rgb(19,56,90)
-
#16436a
#16436a
rgb(22,67,106)
-
#194d7a
#194d7a
rgb(25,77,122)
-
#1d578a
#1d578a
rgb(29,87,138)
-
#20619b
#20619b
rgb(32,97,155)
-
#236cab
#236cab
rgb(35,108,171)
-
#2776bb
#2776bb
rgb(39,118,187)
-
#2a80cb
#2a80cb
rgb(42,128,203)
-
#348ad5
#348ad5
rgb(52,138,213)
-
#4493d8
#4493d8
rgb(68,147,216)
-
#559ddc
#559ddc
rgb(85,157,220)
-
#65a6df
#65a6df
rgb(101,166,223)
-
#75afe2
#75afe2
rgb(117,175,226)
-
#85b9e6
#85b9e6
rgb(133,185,230)
-
#96c2e9
#96c2e9
rgb(150,194,233)
-
#a6cced
#a6cced
rgb(166,204,237)
-
#b6d5f0
#b6d5f0
rgb(182,213,240)
-
#c6def3
#c6def3
rgb(198,222,243)
-
#d7e8f7
#d7e8f7
rgb(215,232,247)
-
#e7f1fa
#e7f1fa
rgb(231,241,250)
-
#f7fafd
#f7fafd
rgb(247,250,253)
Tones of #348ad5
A tone is produced by adding gray to any pure hue. In this case, #7f858a is the less saturated color, while #0e8dfb is the most saturated one.
-
#7f858a
#7f858a
rgb(127,133,138)
-
#768593
#768593
rgb(118,133,147)
-
#6d869c
#6d869c
rgb(109,134,156)
-
#6387a6
#6387a6
rgb(99,135,166)
-
#5a87af
#5a87af
rgb(90,135,175)
-
#5088b9
#5088b9
rgb(80,136,185)
-
#4789c2
#4789c2
rgb(71,137,194)
-
#3d89cc
#3d89cc
rgb(61,137,204)
-
#348ad5
#348ad5
rgb(52,138,213)
-
#2b8bde
#2b8bde
rgb(43,139,222)
-
#218be8
#218be8
rgb(33,139,232)
-
#188cf1
#188cf1
rgb(24,140,241)
-
#0e8dfb
#0e8dfb
rgb(14,141,251)
Color Blindness Simulator
Below, you can see how #348ad5 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.