#348cc4 Color Information
In a RGB color space, hex #348cc4 is composed of 20.4% red, 54.9% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 73.5% cyan, 28.6% magenta, 0% yellow and 23.1% black. It has a hue angle of 203.3 degrees, a saturation of 58.1% and a lightness of 48.6%. #348cc4 color hex could be obtained by blending #68ffff with #001989. Closest websafe color is: #3399cc.
-
- R 20
- G 55
- B 77
-
- C 73
- M 29
- Y 0
- K 23
● #348cc4 color description : Moderate blue.
#348cc4 Color Conversion
The hexadecimal color #348cc4 has RGB values of R:52, G:140, B:196 and CMYK values of C:0.73, M:0.29, Y:0, K:0.23. Its decimal value is 3443908.
Hex triplet | 348cc4 | #348cc4 |
---|---|---|
RGB Decimal | 52, 140, 196 | rgb(52,140,196) |
RGB Percent | 20.4, 54.9, 76.9 | rgb(20.4%,54.9%,76.9%) |
CMYK | 73, 29, 0, 23 | |
HSL | 203.3°, 58.1, 48.6 | hsl(203.3,58.1%,48.6%) |
HSV (or HSB) | 203.3°, 73.5, 76.9 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 55.553, -7.325, -36.546 |
---|---|
XYZ | 20.756, 23.47, 55.658 |
xyY | 0.208, 0.235, 23.47 |
CIE-LCH | 55.553, 37.273, 258.666 |
CIE-LUV | 55.553, -31.799, -55.615 |
Hunter-Lab | 48.446, -8.306, -34.204 |
Binary | 00110100, 10001100, 11000100 |
Color Schemes with #348cc4
Alternatives to #348cc4
Below, you can see some colors close to #348cc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348cc4 Preview
This text has a font color of #348cc4.
<span style="color:#348cc4;">Text here</span>
This paragraph has a background color of #348cc4.
<p style="background-color:#348cc4;">Content here</p>
This element has a border color of #348cc4.
<div style="border:1px solid #348cc4;">Content here</div>
.text {color:#348cc4;}
.background {background-color:#348cc4;}
.border {border:1px solid #348cc4;}
Shades and Tints of #348cc4
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)
-
#0f2838
#0f2838
rgb(15,40,56)
-
#133348
#133348
rgb(19,51,72)
-
#173e57
#173e57
rgb(23,62,87)
-
#1b4a67
#1b4a67
rgb(27,74,103)
-
#1f5576
#1f5576
rgb(31,85,118)
-
#246086
#246086
rgb(36,96,134)
-
#286b95
#286b95
rgb(40,107,149)
-
#2c76a5
#2c76a5
rgb(44,118,165)
-
#3081b4
#3081b4
rgb(48,129,180)
-
#348cc4
#348cc4
rgb(52,140,196)
-
#3f95cc
#3f95cc
rgb(63,149,204)
-
#4f9ed0
#4f9ed0
rgb(79,158,208)
-
#5ea7d4
#5ea7d4
rgb(94,167,212)
-
#6eafd9
#6eafd9
rgb(110,175,217)
-
#7db8dd
#7db8dd
rgb(125,184,221)
-
#8dc0e1
#8dc0e1
rgb(141,192,225)
-
#9cc9e5
#9cc9e5
rgb(156,201,229)
-
#acd1e9
#acd1e9
rgb(172,209,233)
-
#bbdaed
#bbdaed
rgb(187,218,237)
-
#cbe2f1
#cbe2f1
rgb(203,226,241)
-
#daebf5
#daebf5
rgb(218,235,245)
-
#eaf3f9
#eaf3f9
rgb(234,243,249)
-
#f9fcfe
#f9fcfe
rgb(249,252,254)
Tones of #348cc4
A tone is produced by adding gray to any pure hue. In this case, #777d81 is the less saturated color, while #0497f4 is the most saturated one.
-
#777d81
#777d81
rgb(119,125,129)
-
#6d7f8b
#6d7f8b
rgb(109,127,139)
-
#648194
#648194
rgb(100,129,148)
-
#5a849e
#5a849e
rgb(90,132,158)
-
#5186a7
#5186a7
rgb(81,134,167)
-
#4788b1
#4788b1
rgb(71,136,177)
-
#3e8aba
#3e8aba
rgb(62,138,186)
-
#348cc4
#348cc4
rgb(52,140,196)
-
#2a8ece
#2a8ece
rgb(42,142,206)
-
#2190d7
#2190d7
rgb(33,144,215)
-
#1792e1
#1792e1
rgb(23,146,225)
-
#0e94ea
#0e94ea
rgb(14,148,234)
-
#0497f4
#0497f4
rgb(4,151,244)
Color Blindness Simulator
Below, you can see how #348cc4 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.