colorhexa.com

#2354d5 hex color

In a RGB color space, hex #2354d5 is composed of 13.7% red, 32.9% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 60.6% magenta, 0% yellow and 16.5% black. It has a hue angle of 223.5 degrees, a saturation of 71.8% and a lightness of 48.6%. #2354d5 color hex could be obtained by blending #46a8ff with #0000ab. Closest websafe color is: #3366cc.

- R 14
- G 33
- B 84
RGB color chart
- C 84
- M 61
- Y 0
- K 16
CMYK color chart

● #2354d5 color description : Strong blue.

The hexadecimal color #2354d5 has RGB values of R:35, G:84, B:213 and CMYK values of C:0.84, M:0.61, Y:0, K:0.16. Its decimal value is 2315477.

Hex triplet	2354d5	`#2354d5`
RGB Decimal	35, 84, 213	`rgb(35,84,213)`
RGB Percent	13.7, 32.9, 83.5	`rgb(13.7%,32.9%,83.5%)`
CMYK	84, 61, 0, 16
HSL	223.5°, 71.8, 48.6	`hsl(223.5,71.8%,48.6%)`
HSV (or HSB)	223.5°, 83.6, 83.5
Web Safe	3366cc	`#3366cc`

CIE-LAB	40.412, 32.181, -70.561
XYZ	15.871, 11.501, 64.331
xyY	0.173, 0.125, 11.501
CIE-LCH	40.412, 77.553, 294.517
CIE-LUV	40.412, -16.484, -103.457
Hunter-Lab	33.913, 24.19, -88.73
Binary	00100011, 01010100, 11010101

#2354d5
```
#2354d5 rgb(35,84,213)
```
#d5a423
```
#d5a423 rgb(213,164,35)
```

Complementary Color

#23add5
```
#23add5 rgb(35,173,213)
```
#2354d5
```
#2354d5 rgb(35,84,213)
```
#4b23d5
```
#4b23d5 rgb(75,35,213)
```

Analogous Color

#add523
```
#add523 rgb(173,213,35)
```
#2354d5
```
#2354d5 rgb(35,84,213)
```
#d54b23
```
#d54b23 rgb(213,75,35)
```

Split Complementary Color

#54d523
```
#54d523 rgb(84,213,35)
```
#2354d5
```
#2354d5 rgb(35,84,213)
```
#d52354
```
#d52354 rgb(213,35,84)
```

Triadic Color

#23d5a4
```
#23d5a4 rgb(35,213,164)
```
#2354d5
```
#2354d5 rgb(35,84,213)
```
#d52354
```
#d52354 rgb(213,35,84)
```
#d5a423
```
#d5a423 rgb(213,164,35)
```

Tetradic Color

#183a93
```
#183a93 rgb(24,58,147)
```
#1c43a9
```
#1c43a9 rgb(28,67,169)
```
#1f4bbf
```
#1f4bbf rgb(31,75,191)
```
#2354d5
```
#2354d5 rgb(35,84,213)
```
#3463de
```
#3463de rgb(52,99,222)
```
#4a73e1
```
#4a73e1 rgb(74,115,225)
```
#6084e5
```
#6084e5 rgb(96,132,229)
```

Monochromatic Color

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

#2381d5
```
#2381d5 rgb(35,129,213)
```
#2372d5
```
#2372d5 rgb(35,114,213)
```
#2363d5
```
#2363d5 rgb(35,99,213)
```
#2354d5
```
#2354d5 rgb(35,84,213)
```
#2345d5
```
#2345d5 rgb(35,69,213)
```
#2336d5
```
#2336d5 rgb(35,54,213)
```
#2328d5
```
#2328d5 rgb(35,40,213)
```

Similar Colors

Text with hexadecimal color #2354d5

This text has a font color of #2354d5.

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

#2354d5 background color

This paragraph has a background color of #2354d5.

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

#2354d5 border color

This element has a border color of #2354d5.

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

CSS codes

.text {color:#2354d5;}

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

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

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, #02040b is the darkest color, while #f9fafe is the lightest one.

#02040b
```
#02040b rgb(2,4,11)
```
#050b1c
```
#050b1c rgb(5,11,28)
```
#07122d
```
#07122d rgb(7,18,45)
```
#0a183d
```
#0a183d rgb(10,24,61)
```
#0d1f4e
```
#0d1f4e rgb(13,31,78)
```
#10255f
```
#10255f rgb(16,37,95)
```
#122c70
```
#122c70 rgb(18,44,112)
```
#153381
```
#153381 rgb(21,51,129)
```
#183992
```
#183992 rgb(24,57,146)
```
#1b40a2
```
#1b40a2 rgb(27,64,162)
```
#1d47b3
```
#1d47b3 rgb(29,71,179)
```
#204dc4
```
#204dc4 rgb(32,77,196)
```
#2354d5
```
#2354d5 rgb(35,84,213)
```

Shade Color Variation

#2f5fdd
```
#2f5fdd rgb(47,95,221)
```
#406ce0
```
#406ce0 rgb(64,108,224)
```
#5179e2
```
#5179e2 rgb(81,121,226)
```
#6186e5
```
#6186e5 rgb(97,134,229)
```
#7293e8
```
#7293e8 rgb(114,147,232)
```
#83a0eb
```
#83a0eb rgb(131,160,235)
```
#94aded
```
#94aded rgb(148,173,237)
```
#a5baf0
```
#a5baf0 rgb(165,186,240)
```
#b6c6f3
```
#b6c6f3 rgb(182,198,243)
```
#c6d3f6
```
#c6d3f6 rgb(198,211,246)
```
#d7e0f8
```
#d7e0f8 rgb(215,224,248)
```
#e8edfb
```
#e8edfb rgb(232,237,251)
```
#f9fafe
```
#f9fafe rgb(249,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797b7f is the less saturated color, while #0647f2 is the most saturated one.

#797b7f
```
#797b7f rgb(121,123,127)
```
#6f7689
```
#6f7689 rgb(111,118,137)
```
#667292
```
#667292 rgb(102,114,146)
```
#5c6e9c
```
#5c6e9c rgb(92,110,156)
```
#5369a5
```
#5369a5 rgb(83,105,165)
```
#4965af
```
#4965af rgb(73,101,175)
```
#4061b8
```
#4061b8 rgb(64,97,184)
```
#365dc2
```
#365dc2 rgb(54,93,194)
```
#2d58cb
```
#2d58cb rgb(45,88,203)
```
#2354d5
```
#2354d5 rgb(35,84,213)
```
#1950df
```
#1950df rgb(25,80,223)
```
#104be8
```
#104be8 rgb(16,75,232)
```
#0647f2
```
#0647f2 rgb(6,71,242)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#4a546e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aab Deuteranopia 1% of men
#007177 Tritanopia 0.001% of the population

Trichromacy

#0c5eca Protanomaly 1% of men, 0.01% of women
#0c62ba Deuteranomaly 6% of men, 0.4% of women
#0c6699 Tritanomaly 0.01% of the population