#2354df hex color

In a RGB color space, hex #2354df is composed of 13.7% red, 32.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 84.3% cyan, 62.3% magenta, 0% yellow and 12.5% black. It has a hue angle of 224.4 degrees, a saturation of 74.6% and a lightness of 50.6%. #2354df color hex could be obtained by blending #46a8ff with #0000bf. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 14
- G 33
- B 87
RGB color chart
- C 84
- M 62
- Y 0
- K 13
CMYK color chart

● #2354df color description : Bright blue.

The hexadecimal color #2354df has RGB values of R:35, G:84, B:223 and CMYK values of C:0.84, M:0.62, Y:0, K:0.13. Its decimal value is 2315487.

Hex triplet	2354df	`#2354df`
RGB Decimal	35, 84, 223	`rgb(35,84,223)`
RGB Percent	13.7, 32.9, 87.5	`rgb(13.7%,32.9%,87.5%)`
CMYK	84, 62, 0, 13
HSL	224.4°, 74.6, 50.6	`hsl(224.4,74.6%,50.6%)`
HSV (or HSB)	224.4°, 84.3, 87.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	41.255, 35.916, -74.899
XYZ	17.18, 12.024, 71.223
xyY	0.171, 0.12, 12.024
CIE-LCH	41.255, 83.065, 295.619
CIE-LUV	41.255, -16.479, -110.034
Hunter-Lab	34.676, 27.753, -97.506
Binary	00100011, 01010100, 11011111

#2354df
```
#2354df rgb(35,84,223)
```
#dfae23
```
#dfae23 rgb(223,174,35)
```

Complementary Color

#23b2df
```
#23b2df rgb(35,178,223)
```
#2354df
```
#2354df rgb(35,84,223)
```
#5023df
```
#5023df rgb(80,35,223)
```

Analogous Color

#b2df23
```
#b2df23 rgb(178,223,35)
```
#2354df
```
#2354df rgb(35,84,223)
```
#df5023
```
#df5023 rgb(223,80,35)
```

Split Complementary Color

#54df23
```
#54df23 rgb(84,223,35)
```
#2354df
```
#2354df rgb(35,84,223)
```
#df2354
```
#df2354 rgb(223,35,84)
```

Triadic Color

#23dfae
```
#23dfae rgb(35,223,174)
```
#2354df
```
#2354df rgb(35,84,223)
```
#df2354
```
#df2354 rgb(223,35,84)
```
#dfae23
```
#dfae23 rgb(223,174,35)
```

Tetradic Color

#173a9e
```
#173a9e rgb(23,58,158)
```
#1a43b5
```
#1a43b5 rgb(26,67,181)
```
#1e4bcb
```
#1e4bcb rgb(30,75,203)
```
#2354df
```
#2354df rgb(35,84,223)
```
#3965e2
```
#3965e2 rgb(57,101,226)
```
#5077e5
```
#5077e5 rgb(80,119,229)
```
#6688e9
```
#6688e9 rgb(102,136,233)
```

Monochromatic Color

Below, you can see some colors close to #2354df. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#2383df
```
#2383df rgb(35,131,223)
```
#2373df
```
#2373df rgb(35,115,223)
```
#2364df
```
#2364df rgb(35,100,223)
```
#2354df
```
#2354df rgb(35,84,223)
```
#2344df
```
#2344df rgb(35,68,223)
```
#2335df
```
#2335df rgb(35,53,223)
```
#2325df
```
#2325df rgb(35,37,223)
```

Similar Colors

Text with hexadecimal color #2354df

This text has a font color of #2354df.

<span style="color:#2354df;">Text here</span>

#2354df background color

This paragraph has a background color of #2354df.

<p style="background-color:#2354df;">Content here</p>

#2354df border color

This element has a border color of #2354df.

<div style="border:1px solid #2354df;">Content here</div>

CSS codes

.text {color:#2354df;}

.background {background-color:#2354df;}

.border {border:1px solid #2354df;}

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, #000103 is the darkest color, while #f0f4fd is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#030714
```
#030714 rgb(3,7,20)
```
#050e25
```
#050e25 rgb(5,14,37)
```
#081436
```
#081436 rgb(8,20,54)
```
#0a1a47
```
#0a1a47 rgb(10,26,71)
```
#0d2058
```
#0d2058 rgb(13,32,88)
```
#0f2769
```
#0f2769 rgb(15,39,105)
```
#122d7a
```
#122d7a rgb(18,45,122)
```
#14338c
```
#14338c rgb(20,51,140)
```
#173a9d
```
#173a9d rgb(23,58,157)
```
#1940ae
```
#1940ae rgb(25,64,174)
```
#1c46bf
```
#1c46bf rgb(28,70,191)
```
#1e4dd0
```
#1e4dd0 rgb(30,77,208)
```

Shade Color Variation

#2354df
```
#2354df rgb(35,84,223)
```
#3461e1
```
#3461e1 rgb(52,97,225)
```
#456fe4
```
#456fe4 rgb(69,111,228)
```
#567ce6
```
#567ce6 rgb(86,124,230)
```
#6789e9
```
#6789e9 rgb(103,137,233)
```
#7997eb
```
#7997eb rgb(121,151,235)
```
#8aa4ee
```
#8aa4ee rgb(138,164,238)
```
#9bb1f0
```
#9bb1f0 rgb(155,177,240)
```
#acbef3
```
#acbef3 rgb(172,190,243)
```
#bdccf5
```
#bdccf5 rgb(189,204,245)
```
#ced9f8
```
#ced9f8 rgb(206,217,248)
```
#dfe6fa
```
#dfe6fa rgb(223,230,250)
```
#f0f4fd
```
#f0f4fd rgb(240,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7a7e88 is the less saturated color, while #0646fc is the most saturated one.

#7a7e88
```
#7a7e88 rgb(122,126,136)
```
#717991
```
#717991 rgb(113,121,145)
```
#67749b
```
#67749b rgb(103,116,155)
```
#5d70a5
```
#5d70a5 rgb(93,112,165)
```
#536baf
```
#536baf rgb(83,107,175)
```
#4a67b8
```
#4a67b8 rgb(74,103,184)
```
#4062c2
```
#4062c2 rgb(64,98,194)
```
#365dcc
```
#365dcc rgb(54,93,204)
```
#2d59d5
```
#2d59d5 rgb(45,89,213)
```
#2354df
```
#2354df rgb(35,84,223)
```
#194fe9
```
#194fe9 rgb(25,79,233)
```
#104bf2
```
#104bf2 rgb(16,75,242)
```
#0646fc
```
#0646fc rgb(6,70,252)
```

Tone Color Variation

Below, you can see how #2354df 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.

Monochromacy

#555555 Achromatopsia 0.005% of the population
#4b5571 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#007379 Tritanopia 0.001% of the population

Trichromacy

#0c5fd0 Protanomaly 1% of men, 0.01% of women
#0c63bf Deuteranomaly 6% of men, 0.4% of women
#0c689e Tritanomaly 0.01% of the population

#2354df hex color

#2354df Color Information

#2354df Color Conversion

Color Schemes with #2354df

Alternatives to #2354df

#2354df Preview

Shades and Tints of #2354df

Tones of #2354df

Color Blindness Simulator