#343aff Color Information
In a RGB color space, hex #343aff is composed of 20.4% red, 22.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 79.6% cyan, 77.3% magenta, 0% yellow and 0% black. It has a hue angle of 238.2 degrees, a saturation of 100% and a lightness of 60.2%. #343aff color hex could be obtained by blending #6874ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 20
- G 23
- B 100
-
- C 80
- M 77
- Y 0
- K 0
● #343aff color description : Light blue.
#343aff Color Conversion
The hexadecimal color #343aff has RGB values of R:52, G:58, B:255 and CMYK values of C:0.8, M:0.77, Y:0, K:0. Its decimal value is 3422975.
Hex triplet | 343aff | #343aff |
---|---|---|
RGB Decimal | 52, 58, 255 | rgb(52,58,255) |
RGB Percent | 20.4, 22.7, 100 | rgb(20.4%,22.7%,100%) |
CMYK | 80, 77, 0, 0 | |
HSL | 238.2°, 100, 60.2 | hsl(238.2,100%,60.2%) |
HSV (or HSB) | 238.2°, 79.6, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 39.538, 62.767, -95.767 |
---|---|
XYZ | 20.976, 10.975, 95.615 |
xyY | 0.164, 0.086, 10.975 |
CIE-LCH | 39.538, 114.503, 303.241 |
CIE-LUV | 39.538, -10.407, -133.262 |
Hunter-Lab | 33.128, 55.046, -147.934 |
Binary | 00110100, 00111010, 11111111 |
Color Schemes with #343aff
Alternatives to #343aff
Below, you can see some colors close to #343aff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#343aff Preview
This text has a font color of #343aff.
<span style="color:#343aff;">Text here</span>
This paragraph has a background color of #343aff.
<p style="background-color:#343aff;">Content here</p>
This element has a border color of #343aff.
<div style="border:1px solid #343aff;">Content here</div>
.text {color:#343aff;}
.background {background-color:#343aff;}
.border {border:1px solid #343aff;}
Shades and Tints of #343aff
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, #00000d is the darkest color, while #f8f8ff is the lightest one.
-
#00000d
#00000d
rgb(0,0,13)
-
#000120
#000120
rgb(0,1,32)
-
#000234
#000234
rgb(0,2,52)
-
#000248
#000248
rgb(0,2,72)
-
#00035b
#00035b
rgb(0,3,91)
-
#00036f
#00036f
rgb(0,3,111)
-
#000482
#000482
rgb(0,4,130)
-
#000496
#000496
rgb(0,4,150)
-
#0005aa
#0005aa
rgb(0,5,170)
-
#0006bd
#0006bd
rgb(0,6,189)
-
#0006d1
#0006d1
rgb(0,6,209)
-
#0007e5
#0007e5
rgb(0,7,229)
-
#0007f8
#0007f8
rgb(0,7,248)
-
#0d14ff
#0d14ff
rgb(13,20,255)
-
#2027ff
#2027ff
rgb(32,39,255)
-
#343aff
#343aff
rgb(52,58,255)
-
#484dff
#484dff
rgb(72,77,255)
-
#5b60ff
#5b60ff
rgb(91,96,255)
-
#6f73ff
#6f73ff
rgb(111,115,255)
-
#8286ff
#8286ff
rgb(130,134,255)
-
#9699ff
#9699ff
rgb(150,153,255)
-
#aaacff
#aaacff
rgb(170,172,255)
-
#bdbfff
#bdbfff
rgb(189,191,255)
-
#d1d2ff
#d1d2ff
rgb(209,210,255)
-
#e5e5ff
#e5e5ff
rgb(229,229,255)
-
#f8f8ff
#f8f8ff
rgb(248,248,255)
Tones of #343aff
A tone is produced by adding gray to any pure hue. In this case, #9292a1 is the less saturated color, while #343aff is the most saturated one.
-
#9292a1
#9292a1
rgb(146,146,161)
-
#8a8ba9
#8a8ba9
rgb(138,139,169)
-
#8283b1
#8283b1
rgb(130,131,177)
-
#7a7cb9
#7a7cb9
rgb(122,124,185)
-
#7275c1
#7275c1
rgb(114,117,193)
-
#6b6dc8
#6b6dc8
rgb(107,109,200)
-
#6366d0
#6366d0
rgb(99,102,208)
-
#5b5fd8
#5b5fd8
rgb(91,95,216)
-
#5357e0
#5357e0
rgb(83,87,224)
-
#4b50e8
#4b50e8
rgb(75,80,232)
-
#4449ef
#4449ef
rgb(68,73,239)
-
#3c41f7
#3c41f7
rgb(60,65,247)
-
#343aff
#343aff
rgb(52,58,255)
Color Blindness Simulator
Below, you can see how #343aff 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.