#348af3 Color Information
In a RGB color space, hex #348af3 is composed of 20.4% red, 54.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 78.6% cyan, 43.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 213 degrees, a saturation of 88.8% and a lightness of 57.8%. #348af3 color hex could be obtained by blending #68ffff with #0015e7. Closest websafe color is: #3399ff.
-
- R 20
- G 54
- B 95
-
- C 79
- M 43
- Y 0
- K 5
● #348af3 color description : Bright blue.
#348af3 Color Conversion
The hexadecimal color #348af3 has RGB values of R:52, G:138, B:243 and CMYK values of C:0.79, M:0.43, Y:0, K:0.05. Its decimal value is 3443443.
Hex triplet | 348af3 | #348af3 |
---|---|---|
RGB Decimal | 52, 138, 243 | rgb(52,138,243) |
RGB Percent | 20.4, 54.1, 95.3 | rgb(20.4%,54.1%,95.3%) |
CMYK | 79, 43, 0, 5 | |
HSL | 213°, 88.8, 57.8 | hsl(213,88.8%,57.8%) |
HSV (or HSB) | 213°, 78.6, 95.3 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.44, 10.823, -59.874 |
---|---|
XYZ | 26.679, 25.376, 88.281 |
xyY | 0.19, 0.181, 25.376 |
CIE-LCH | 57.44, 60.844, 280.247 |
CIE-LUV | 57.44, -29.179, -95.999 |
Hunter-Lab | 50.375, 6.379, -68.643 |
Binary | 00110100, 10001010, 11110011 |
Color Schemes with #348af3
Alternatives to #348af3
Below, you can see some colors close to #348af3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#348af3 Preview
This text has a font color of #348af3.
<span style="color:#348af3;">Text here</span>
This paragraph has a background color of #348af3.
<p style="background-color:#348af3;">Content here</p>
This element has a border color of #348af3.
<div style="border:1px solid #348af3;">Content here</div>
.text {color:#348af3;}
.background {background-color:#348af3;}
.border {border:1px solid #348af3;}
Shades and Tints of #348af3
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, #000001 is the darkest color, while #edf5fe is the lightest one.
-
#000001
#000001
rgb(0,0,1)
-
#010913
#010913
rgb(1,9,19)
-
#021226
#021226
rgb(2,18,38)
-
#031b38
#031b38
rgb(3,27,56)
-
#04244b
#04244b
rgb(4,36,75)
-
#062d5d
#062d5d
rgb(6,45,93)
-
#073670
#073670
rgb(7,54,112)
-
#083f82
#083f82
rgb(8,63,130)
-
#094895
#094895
rgb(9,72,149)
-
#0a51a7
#0a51a7
rgb(10,81,167)
-
#0b5aba
#0b5aba
rgb(11,90,186)
-
#0c63cc
#0c63cc
rgb(12,99,204)
-
#0d6cdf
#0d6cdf
rgb(13,108,223)
-
#0f75f1
#0f75f1
rgb(15,117,241)
-
#217ff2
#217ff2
rgb(33,127,242)
-
#348af3
#348af3
rgb(52,138,243)
-
#4795f4
#4795f4
rgb(71,149,244)
-
#599ff5
#599ff5
rgb(89,159,245)
-
#6caaf6
#6caaf6
rgb(108,170,246)
-
#7eb5f7
#7eb5f7
rgb(126,181,247)
-
#91bff8
#91bff8
rgb(145,191,248)
-
#a3cafa
#a3cafa
rgb(163,202,250)
-
#b6d5fb
#b6d5fb
rgb(182,213,251)
-
#c8dffc
#c8dffc
rgb(200,223,252)
-
#dbeafd
#dbeafd
rgb(219,234,253)
-
#edf5fe
#edf5fe
rgb(237,245,254)
Tones of #348af3
A tone is produced by adding gray to any pure hue. In this case, #8f9398 is the less saturated color, while #2c89fb is the most saturated one.
-
#8f9398
#8f9398
rgb(143,147,152)
-
#8792a0
#8792a0
rgb(135,146,160)
-
#7e91a9
#7e91a9
rgb(126,145,169)
-
#7691b1
#7691b1
rgb(118,145,177)
-
#6e90b9
#6e90b9
rgb(110,144,185)
-
#668fc1
#668fc1
rgb(102,143,193)
-
#5d8eca
#5d8eca
rgb(93,142,202)
-
#558dd2
#558dd2
rgb(85,141,210)
-
#4d8cda
#4d8cda
rgb(77,140,218)
-
#458ce2
#458ce2
rgb(69,140,226)
-
#3c8beb
#3c8beb
rgb(60,139,235)
-
#348af3
#348af3
rgb(52,138,243)
-
#2c89fb
#2c89fb
rgb(44,137,251)
Color Blindness Simulator
Below, you can see how #348af3 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.