#348ae9 Color Information
In a RGB color space, hex #348ae9 is composed of 20.4% red, 54.1% green and 91.4% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 40.8% magenta, 0% yellow and 8.6% black. It has a hue angle of 211.5 degrees, a saturation of 80.4% and a lightness of 55.9%. #348ae9 color hex could be obtained by blending #68ffff with #0015d3. Closest websafe color is: #3399ff.
-
- R 20
- G 54
- B 91
-
- C 78
- M 41
- Y 0
- K 9
● #348ae9 color description : Bright blue.
#348ae9 Color Conversion
The hexadecimal color #348ae9 has RGB values of R:52, G:138, B:233 and CMYK values of C:0.78, M:0.41, Y:0, K:0.09. Its decimal value is 3443433.
Hex triplet | 348ae9 | #348ae9 |
---|---|---|
RGB Decimal | 52, 138, 233 | rgb(52,138,233) |
RGB Percent | 20.4, 54.1, 91.4 | rgb(20.4%,54.1%,91.4%) |
CMYK | 78, 41, 0, 9 | |
HSL | 211.5°, 80.4, 55.9 | hsl(211.5,80.4%,55.9%) |
HSV (or HSB) | 211.5°, 77.7, 91.4 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 56.868, 7.162, -55.242 |
---|---|
XYZ | 25.209, 24.788, 80.542 |
xyY | 0.193, 0.19, 24.788 |
CIE-LCH | 56.868, 55.705, 277.387 |
CIE-LUV | 56.868, -29.535, -87.991 |
Hunter-Lab | 49.788, 3.252, -61.063 |
Binary | 00110100, 10001010, 11101001 |
Color Schemes with #348ae9
Alternatives to #348ae9
Below, you can see some colors close to #348ae9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348ae9 Preview
This text has a font color of #348ae9.
<span style="color:#348ae9;">Text here</span>
This paragraph has a background color of #348ae9.
<p style="background-color:#348ae9;">Content here</p>
This element has a border color of #348ae9.
<div style="border:1px solid #348ae9;">Content here</div>
.text {color:#348ae9;}
.background {background-color:#348ae9;}
.border {border:1px solid #348ae9;}
Shades and Tints of #348ae9
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, #010509 is the darkest color, while #f7fafe is the lightest one.
-
#010509
#010509
rgb(1,5,9)
-
#030e1b
#030e1b
rgb(3,14,27)
-
#05182d
#05182d
rgb(5,24,45)
-
#07213e
#07213e
rgb(7,33,62)
-
#092b50
#092b50
rgb(9,43,80)
-
#0b3462
#0b3462
rgb(11,52,98)
-
#0d3d74
#0d3d74
rgb(13,61,116)
-
#0e4785
#0e4785
rgb(14,71,133)
-
#105097
#105097
rgb(16,80,151)
-
#125aa9
#125aa9
rgb(18,90,169)
-
#1463ba
#1463ba
rgb(20,99,186)
-
#166dcc
#166dcc
rgb(22,109,204)
-
#1876de
#1876de
rgb(24,118,222)
-
#2280e7
#2280e7
rgb(34,128,231)
-
#348ae9
#348ae9
rgb(52,138,233)
-
#4694eb
#4694eb
rgb(70,148,235)
-
#579eed
#579eed
rgb(87,158,237)
-
#69a9ef
#69a9ef
rgb(105,169,239)
-
#7bb3f1
#7bb3f1
rgb(123,179,241)
-
#8cbdf3
#8cbdf3
rgb(140,189,243)
-
#9ec7f5
#9ec7f5
rgb(158,199,245)
-
#b0d1f6
#b0d1f6
rgb(176,209,246)
-
#c2dcf8
#c2dcf8
rgb(194,220,248)
-
#d3e6fa
#d3e6fa
rgb(211,230,250)
-
#e5f0fc
#e5f0fc
rgb(229,240,252)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #348ae9
A tone is produced by adding gray to any pure hue. In this case, #8b8e92 is the less saturated color, while #2389fa is the most saturated one.
-
#8b8e92
#8b8e92
rgb(139,142,146)
-
#828e9b
#828e9b
rgb(130,142,155)
-
#798da4
#798da4
rgb(121,141,164)
-
#718dac
#718dac
rgb(113,141,172)
-
#688db5
#688db5
rgb(104,141,181)
-
#5f8cbe
#5f8cbe
rgb(95,140,190)
-
#578cc6
#578cc6
rgb(87,140,198)
-
#4e8bcf
#4e8bcf
rgb(78,139,207)
-
#458bd8
#458bd8
rgb(69,139,216)
-
#3d8ae0
#3d8ae0
rgb(61,138,224)
-
#348ae9
#348ae9
rgb(52,138,233)
-
#2b8af2
#2b8af2
rgb(43,138,242)
-
#2389fa
#2389fa
rgb(35,137,250)
Color Blindness Simulator
Below, you can see how #348ae9 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.