#348dc4 Color Information
In a RGB color space, hex #348dc4 is composed of 20.4% red, 55.3% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 28.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 202.9 degrees, a saturation of 58.1% and a lightness of 48.6%. #348dc4 color hex could be obtained by blending #68ffff with #001b89. Closest websafe color is: #3399cc.
-
- R 20
- G 55
- B 77
-
- C 73
- M 28
- Y 0
- K 23
● #348dc4 color description : Moderate blue.
#348dc4 Color Conversion
The hexadecimal color #348dc4 has RGB values of R:52, G:141, B:196 and CMYK values of C:0.73, M:0.28, Y:0, K:0.23. Its decimal value is 3444164.
Hex triplet | 348dc4 | #348dc4 |
---|---|---|
RGB Decimal | 52, 141, 196 | rgb(52,141,196) |
RGB Percent | 20.4, 55.3, 76.9 | rgb(20.4%,55.3%,76.9%) |
CMYK | 73, 28, 0, 23 | |
HSL | 202.9°, 58.1, 48.6 | hsl(202.9,58.1%,48.6%) |
HSV (or HSB) | 202.9°, 73.5, 76.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.85, -7.897, -36.081 |
---|---|
XYZ | 20.902, 23.764, 55.707 |
xyY | 0.208, 0.237, 23.764 |
CIE-LCH | 55.85, 36.935, 257.654 |
CIE-LUV | 55.85, -32.15, -54.841 |
Hunter-Lab | 48.748, -8.771, -33.63 |
Binary | 00110100, 10001101, 11000100 |
Color Schemes with #348dc4
Alternatives to #348dc4
Below, you can see some colors close to #348dc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348dc4 Preview
This text has a font color of #348dc4.
<span style="color:#348dc4;">Text here</span>
This paragraph has a background color of #348dc4.
<p style="background-color:#348dc4;">Content here</p>
This element has a border color of #348dc4.
<div style="border:1px solid #348dc4;">Content here</div>
.text {color:#348dc4;}
.background {background-color:#348dc4;}
.border {border:1px solid #348dc4;}
Shades and Tints of #348dc4
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, #03070a is the darkest color, while #f9fcfe is the lightest one.
-
#03070a
#03070a
rgb(3,7,10)
-
#071219
#071219
rgb(7,18,25)
-
#0b1d29
#0b1d29
rgb(11,29,41)
-
#0f2938
#0f2938
rgb(15,41,56)
-
#133448
#133448
rgb(19,52,72)
-
#173f57
#173f57
rgb(23,63,87)
-
#1b4a67
#1b4a67
rgb(27,74,103)
-
#1f5576
#1f5576
rgb(31,85,118)
-
#246086
#246086
rgb(36,96,134)
-
#286c95
#286c95
rgb(40,108,149)
-
#2c77a5
#2c77a5
rgb(44,119,165)
-
#3082b4
#3082b4
rgb(48,130,180)
-
#348dc4
#348dc4
rgb(52,141,196)
-
#3f96cc
#3f96cc
rgb(63,150,204)
-
#4f9fd0
#4f9fd0
rgb(79,159,208)
-
#5ea7d4
#5ea7d4
rgb(94,167,212)
-
#6eb0d9
#6eb0d9
rgb(110,176,217)
-
#7db8dd
#7db8dd
rgb(125,184,221)
-
#8dc1e1
#8dc1e1
rgb(141,193,225)
-
#9cc9e5
#9cc9e5
rgb(156,201,229)
-
#acd2e9
#acd2e9
rgb(172,210,233)
-
#bbdaed
#bbdaed
rgb(187,218,237)
-
#cbe3f1
#cbe3f1
rgb(203,227,241)
-
#daebf5
#daebf5
rgb(218,235,245)
-
#eaf4f9
#eaf4f9
rgb(234,244,249)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #348dc4
A tone is produced by adding gray to any pure hue. In this case, #777d81 is the less saturated color, while #0498f4 is the most saturated one.
-
#777d81
#777d81
rgb(119,125,129)
-
#6d7f8b
#6d7f8b
rgb(109,127,139)
-
#648294
#648294
rgb(100,130,148)
-
#5a849e
#5a849e
rgb(90,132,158)
-
#5186a7
#5186a7
rgb(81,134,167)
-
#4788b1
#4788b1
rgb(71,136,177)
-
#3e8bba
#3e8bba
rgb(62,139,186)
-
#348dc4
#348dc4
rgb(52,141,196)
-
#2a8fce
#2a8fce
rgb(42,143,206)
-
#2192d7
#2192d7
rgb(33,146,215)
-
#1794e1
#1794e1
rgb(23,148,225)
-
#0e96ea
#0e96ea
rgb(14,150,234)
-
#0498f4
#0498f4
rgb(4,152,244)
Color Blindness Simulator
Below, you can see how #348dc4 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.