#346fff Color Information
In a RGB color space, hex #346fff is composed of 20.4% red, 43.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 56.5% magenta, 0% yellow and 0% black. It has a hue angle of 222.6 degrees, a saturation of 100% and a lightness of 60.2%. #346fff color hex could be obtained by blending #68deff with #0000ff. Closest websafe color is: #3366ff.
-
- R 20
- G 44
- B 100
-
- C 80
- M 56
- Y 0
- K 0
● #346fff color description : Light blue.
#346fff Color Conversion
The hexadecimal color #346fff has RGB values of R:52, G:111, B:255 and CMYK values of C:0.8, M:0.56, Y:0, K:0. Its decimal value is 3436543.
Hex triplet | 346fff | #346fff |
---|---|---|
RGB Decimal | 52, 111, 255 | rgb(52,111,255) |
RGB Percent | 20.4, 43.5, 100 | rgb(20.4%,43.5%,100%) |
CMYK | 80, 56, 0, 0 | |
HSL | 222.6°, 100, 60.2 | hsl(222.6,100%,60.2%) |
HSV (or HSB) | 222.6°, 79.6, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 51.056, 31.95, -76.832 |
---|---|
XYZ | 25.147, 19.317, 97.005 |
xyY | 0.178, 0.137, 19.317 |
CIE-LCH | 51.056, 83.21, 292.58 |
CIE-LUV | 51.056, -21.128, -120.408 |
Hunter-Lab | 43.951, 25.215, -100.094 |
Binary | 00110100, 01101111, 11111111 |
Color Schemes with #346fff
Alternatives to #346fff
Below, you can see some colors close to #346fff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#346fff Preview
This text has a font color of #346fff.
<span style="color:#346fff;">Text here</span>
This paragraph has a background color of #346fff.
<p style="background-color:#346fff;">Content here</p>
This element has a border color of #346fff.
<div style="border:1px solid #346fff;">Content here</div>
.text {color:#346fff;}
.background {background-color:#346fff;}
.border {border:1px solid #346fff;}
Shades and Tints of #346fff
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, #00040d is the darkest color, while #f8faff is the lightest one.
-
#00040d
#00040d
rgb(0,4,13)
-
#000920
#000920
rgb(0,9,32)
-
#000f34
#000f34
rgb(0,15,52)
-
#001548
#001548
rgb(0,21,72)
-
#001b5b
#001b5b
rgb(0,27,91)
-
#00206f
#00206f
rgb(0,32,111)
-
#002682
#002682
rgb(0,38,130)
-
#002c96
#002c96
rgb(0,44,150)
-
#0031aa
#0031aa
rgb(0,49,170)
-
#0037bd
#0037bd
rgb(0,55,189)
-
#003dd1
#003dd1
rgb(0,61,209)
-
#0042e5
#0042e5
rgb(0,66,229)
-
#0048f8
#0048f8
rgb(0,72,248)
-
#0d53ff
#0d53ff
rgb(13,83,255)
-
#2061ff
#2061ff
rgb(32,97,255)
-
#346fff
#346fff
rgb(52,111,255)
-
#487dff
#487dff
rgb(72,125,255)
-
#5b8bff
#5b8bff
rgb(91,139,255)
-
#6f99ff
#6f99ff
rgb(111,153,255)
-
#82a7ff
#82a7ff
rgb(130,167,255)
-
#96b5ff
#96b5ff
rgb(150,181,255)
-
#aac2ff
#aac2ff
rgb(170,194,255)
-
#bdd0ff
#bdd0ff
rgb(189,208,255)
-
#d1deff
#d1deff
rgb(209,222,255)
-
#e5ecff
#e5ecff
rgb(229,236,255)
-
#f8faff
#f8faff
rgb(248,250,255)
Tones of #346fff
A tone is produced by adding gray to any pure hue. In this case, #9296a1 is the less saturated color, while #346fff is the most saturated one.
-
#9296a1
#9296a1
rgb(146,150,161)
-
#8a93a9
#8a93a9
rgb(138,147,169)
-
#8290b1
#8290b1
rgb(130,144,177)
-
#7a8cb9
#7a8cb9
rgb(122,140,185)
-
#7289c1
#7289c1
rgb(114,137,193)
-
#6b86c8
#6b86c8
rgb(107,134,200)
-
#6383d0
#6383d0
rgb(99,131,208)
-
#5b7fd8
#5b7fd8
rgb(91,127,216)
-
#537ce0
#537ce0
rgb(83,124,224)
-
#4b79e8
#4b79e8
rgb(75,121,232)
-
#4476ef
#4476ef
rgb(68,118,239)
-
#3c72f7
#3c72f7
rgb(60,114,247)
-
#346fff
#346fff
rgb(52,111,255)
Color Blindness Simulator
Below, you can see how #346fff 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.