#348eb2 Color Information
In a RGB color space, hex #348eb2 is composed of 20.4% red, 55.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 20.2% magenta, 0% yellow and 30.2% black. It has a hue angle of 197.1 degrees, a saturation of 54.8% and a lightness of 45.1%. #348eb2 color hex could be obtained by blending #68ffff with #001d65. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 70
-
- C 71
- M 20
- Y 0
- K 30
● #348eb2 color description : Dark blue.
#348eb2 Color Conversion
The hexadecimal color #348eb2 has RGB values of R:52, G:142, B:178 and CMYK values of C:0.71, M:0.2, Y:0, K:0.3. Its decimal value is 3444402.
Hex triplet | 348eb2 | #348eb2 |
---|---|---|
RGB Decimal | 52, 142, 178 | rgb(52,142,178) |
RGB Percent | 20.4, 55.7, 69.8 | rgb(20.4%,55.7%,69.8%) |
CMYK | 71, 20, 0, 30 | |
HSL | 197.1°, 54.8, 45.1 | hsl(197.1,54.8%,45.1%) |
HSV (or HSB) | 197.1°, 70.8, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 55.369, -14.64, -26.59 |
---|---|
XYZ | 19.123, 23.289, 45.604 |
xyY | 0.217, 0.265, 23.289 |
CIE-LCH | 55.369, 30.354, 241.163 |
CIE-LUV | 55.369, -33.435, -38.515 |
Hunter-Lab | 48.259, -13.72, -22.248 |
Binary | 00110100, 10001110, 10110010 |
Color Schemes with #348eb2
Alternatives to #348eb2
Below, you can see some colors close to #348eb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348eb2 Preview
This text has a font color of #348eb2.
<span style="color:#348eb2;">Text here</span>
This paragraph has a background color of #348eb2.
<p style="background-color:#348eb2;">Content here</p>
This element has a border color of #348eb2.
<div style="border:1px solid #348eb2;">Content here</div>
.text {color:#348eb2;}
.background {background-color:#348eb2;}
.border {border:1px solid #348eb2;}
Shades and Tints of #348eb2
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, #03090b is the darkest color, while #fbfdfe is the lightest one.
-
#03090b
#03090b
rgb(3,9,11)
-
#08151a
#08151a
rgb(8,21,26)
-
#0c2129
#0c2129
rgb(12,33,41)
-
#112d39
#112d39
rgb(17,45,57)
-
#153948
#153948
rgb(21,57,72)
-
#194557
#194557
rgb(25,69,87)
-
#1e5166
#1e5166
rgb(30,81,102)
-
#225e75
#225e75
rgb(34,94,117)
-
#276a84
#276a84
rgb(39,106,132)
-
#2b7694
#2b7694
rgb(43,118,148)
-
#3082a3
#3082a3
rgb(48,130,163)
-
#348eb2
#348eb2
rgb(52,142,178)
-
#389ac1
#389ac1
rgb(56,154,193)
-
#45a3c9
#45a3c9
rgb(69,163,201)
-
#54aacd
#54aacd
rgb(84,170,205)
-
#63b2d1
#63b2d1
rgb(99,178,209)
-
#72b9d6
#72b9d6
rgb(114,185,214)
-
#81c1da
#81c1da
rgb(129,193,218)
-
#91c8df
#91c8df
rgb(145,200,223)
-
#a0d0e3
#a0d0e3
rgb(160,208,227)
-
#afd7e8
#afd7e8
rgb(175,215,232)
-
#bedfec
#bedfec
rgb(190,223,236)
-
#cde6f0
#cde6f0
rgb(205,230,240)
-
#dceef5
#dceef5
rgb(220,238,245)
-
#ecf5f9
#ecf5f9
rgb(236,245,249)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #348eb2
A tone is produced by adding gray to any pure hue. In this case, #727374 is the less saturated color, while #08a1de is the most saturated one.
-
#727374
#727374
rgb(114,115,116)
-
#69777d
#69777d
rgb(105,119,125)
-
#607b86
#607b86
rgb(96,123,134)
-
#577f8f
#577f8f
rgb(87,127,143)
-
#4f8397
#4f8397
rgb(79,131,151)
-
#4686a0
#4686a0
rgb(70,134,160)
-
#3d8aa9
#3d8aa9
rgb(61,138,169)
-
#348eb2
#348eb2
rgb(52,142,178)
-
#2b92bb
#2b92bb
rgb(43,146,187)
-
#2296c4
#2296c4
rgb(34,150,196)
-
#1999cd
#1999cd
rgb(25,153,205)
-
#119dd5
#119dd5
rgb(17,157,213)
-
#08a1de
#08a1de
rgb(8,161,222)
Color Blindness Simulator
Below, you can see how #348eb2 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.