#348fb2 Color Information
In a RGB color space, hex #348fb2 is composed of 20.4% red, 56.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 70.8% cyan, 19.7% magenta, 0% yellow and 30.2% black. It has a hue angle of 196.7 degrees, a saturation of 54.8% and a lightness of 45.1%. #348fb2 color hex could be obtained by blending #68ffff with #001f65. Closest websafe color is: #339999.
-
- R 20
- G 56
- B 70
-
- C 71
- M 20
- Y 0
- K 30
● #348fb2 color description : Dark blue.
#348fb2 Color Conversion
The hexadecimal color #348fb2 has RGB values of R:52, G:143, B:178 and CMYK values of C:0.71, M:0.2, Y:0, K:0.3. Its decimal value is 3444658.
Hex triplet | 348fb2 | #348fb2 |
---|---|---|
RGB Decimal | 52, 143, 178 | rgb(52,143,178) |
RGB Percent | 20.4, 56.1, 69.8 | rgb(20.4%,56.1%,69.8%) |
CMYK | 71, 20, 0, 30 | |
HSL | 196.7°, 54.8, 45.1 | hsl(196.7,54.8%,45.1%) |
HSV (or HSB) | 196.7°, 70.8, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 55.673, -15.19, -26.12 |
---|---|
XYZ | 19.272, 23.588, 45.654 |
xyY | 0.218, 0.266, 23.588 |
CIE-LCH | 55.673, 30.216, 239.821 |
CIE-LUV | 55.673, -33.798, -37.724 |
Hunter-Lab | 48.567, -14.16, -21.737 |
Binary | 00110100, 10001111, 10110010 |
Color Schemes with #348fb2
Alternatives to #348fb2
Below, you can see some colors close to #348fb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348fb2 Preview
This text has a font color of #348fb2.
<span style="color:#348fb2;">Text here</span>
This paragraph has a background color of #348fb2.
<p style="background-color:#348fb2;">Content here</p>
This element has a border color of #348fb2.
<div style="border:1px solid #348fb2;">Content here</div>
.text {color:#348fb2;}
.background {background-color:#348fb2;}
.border {border:1px solid #348fb2;}
Shades and Tints of #348fb2
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)
-
#153a48
#153a48
rgb(21,58,72)
-
#194657
#194657
rgb(25,70,87)
-
#1e5266
#1e5266
rgb(30,82,102)
-
#225e75
#225e75
rgb(34,94,117)
-
#276a84
#276a84
rgb(39,106,132)
-
#2b7794
#2b7794
rgb(43,119,148)
-
#3083a3
#3083a3
rgb(48,131,163)
-
#348fb2
#348fb2
rgb(52,143,178)
-
#389bc1
#389bc1
rgb(56,155,193)
-
#45a4c9
#45a4c9
rgb(69,164,201)
-
#54abcd
#54abcd
rgb(84,171,205)
-
#63b3d1
#63b3d1
rgb(99,179,209)
-
#72bad6
#72bad6
rgb(114,186,214)
-
#81c2da
#81c2da
rgb(129,194,218)
-
#91c9df
#91c9df
rgb(145,201,223)
-
#a0d0e3
#a0d0e3
rgb(160,208,227)
-
#afd8e8
#afd8e8
rgb(175,216,232)
-
#bedfec
#bedfec
rgb(190,223,236)
-
#cde7f0
#cde7f0
rgb(205,231,240)
-
#dceef5
#dceef5
rgb(220,238,245)
-
#ecf6f9
#ecf6f9
rgb(236,246,249)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #348fb2
A tone is produced by adding gray to any pure hue. In this case, #727374 is the less saturated color, while #08a3de 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)
-
#4687a0
#4687a0
rgb(70,135,160)
-
#3d8ba9
#3d8ba9
rgb(61,139,169)
-
#348fb2
#348fb2
rgb(52,143,178)
-
#2b93bb
#2b93bb
rgb(43,147,187)
-
#2297c4
#2297c4
rgb(34,151,196)
-
#199bcd
#199bcd
rgb(25,155,205)
-
#119fd5
#119fd5
rgb(17,159,213)
-
#08a3de
#08a3de
rgb(8,163,222)
Color Blindness Simulator
Below, you can see how #348fb2 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.