colorhexa.com

#1553dd hex color

In a RGB color space, hex #1553dd is composed of 8.2% red, 32.5% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 90.5% cyan, 62.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 221.4 degrees, a saturation of 82.6% and a lightness of 47.5%. #1553dd color hex could be obtained by blending #2aa6ff with #0000bb. Closest websafe color is: #0066cc.

- R 8
- G 33
- B 87
RGB color chart
- C 90
- M 62
- Y 0
- K 13
CMYK color chart

● #1553dd color description : Vivid blue.

The hexadecimal color #1553dd has RGB values of R:21, G:83, B:221 and CMYK values of C:0.9, M:0.62, Y:0, K:0.13. Its decimal value is 1397725.

Hex triplet	1553dd	`#1553dd`
RGB Decimal	21, 83, 221	`rgb(21,83,221)`
RGB Percent	8.2, 32.5, 86.7	`rgb(8.2%,32.5%,86.7%)`
CMYK	90, 62, 0, 13
HSL	221.4°, 82.6, 47.5	`hsl(221.4,82.6%,47.5%)`
HSV (or HSB)	221.4°, 90.5, 86.7
Web Safe	0066cc	`#0066cc`

CIE-LAB	40.516, 35.042, -74.981
XYZ	16.451, 11.565, 69.768
xyY	0.168, 0.118, 11.565
CIE-LCH	40.516, 82.765, 295.049
CIE-LUV	40.516, -17.389, -109.356
Hunter-Lab	34.007, 26.835, -97.831
Binary	00010101, 01010011, 11011101

#1553dd
```
#1553dd rgb(21,83,221)
```
#dd9f15
```
#dd9f15 rgb(221,159,21)
```

Complementary Color

#15b7dd
```
#15b7dd rgb(21,183,221)
```
#1553dd
```
#1553dd rgb(21,83,221)
```
#3b15dd
```
#3b15dd rgb(59,21,221)
```

Analogous Color

#b7dd15
```
#b7dd15 rgb(183,221,21)
```
#1553dd
```
#1553dd rgb(21,83,221)
```
#dd3b15
```
#dd3b15 rgb(221,59,21)
```

Split Complementary Color

#53dd15
```
#53dd15 rgb(83,221,21)
```
#1553dd
```
#1553dd rgb(21,83,221)
```
#dd1553
```
#dd1553 rgb(221,21,83)
```

Triadic Color

#15dd9f
```
#15dd9f rgb(21,221,159)
```
#1553dd
```
#1553dd rgb(21,83,221)
```
#dd1553
```
#dd1553 rgb(221,21,83)
```
#dd9f15
```
#dd9f15 rgb(221,159,21)
```

Tetradic Color

#0e3997
```
#0e3997 rgb(14,57,151)
```
#1142ae
```
#1142ae rgb(17,66,174)
```
#134ac6
```
#134ac6 rgb(19,74,198)
```
#1553dd
```
#1553dd rgb(21,83,221)
```
#2260ea
```
#2260ea rgb(34,96,234)
```
#3970ec
```
#3970ec rgb(57,112,236)
```
#5081ee
```
#5081ee rgb(80,129,238)
```

Monochromatic Color

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

#1585dd
```
#1585dd rgb(21,133,221)
```
#1574dd
```
#1574dd rgb(21,116,221)
```
#1564dd
```
#1564dd rgb(21,100,221)
```
#1553dd
```
#1553dd rgb(21,83,221)
```
#1542dd
```
#1542dd rgb(21,66,221)
```
#1532dd
```
#1532dd rgb(21,50,221)
```
#1521dd
```
#1521dd rgb(21,33,221)
```

Similar Colors

Text with hexadecimal color #1553dd

This text has a font color of #1553dd.

<span style="color:#1553dd;">Text here</span>

#1553dd background color

This paragraph has a background color of #1553dd.

<p style="background-color:#1553dd;">Content here</p>

#1553dd border color

This element has a border color of #1553dd.

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

CSS codes

.text {color:#1553dd;}

.background {background-color:#1553dd;}

.border {border:1px solid #1553dd;}

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

#010206
```
#010206 rgb(1,2,6)
```
#020918
```
#020918 rgb(2,9,24)
```
#04102a
```
#04102a rgb(4,16,42)
```
#06163c
```
#06163c rgb(6,22,60)
```
#071d4e
```
#071d4e rgb(7,29,78)
```
#092460
```
#092460 rgb(9,36,96)
```
#0b2b72
```
#0b2b72 rgb(11,43,114)
```
#0c3183
```
#0c3183 rgb(12,49,131)
```
#0e3895
```
#0e3895 rgb(14,56,149)
```
#103fa7
```
#103fa7 rgb(16,63,167)
```
#1246b9
```
#1246b9 rgb(18,70,185)
```
#134ccb
```
#134ccb rgb(19,76,203)
```
#1553dd
```
#1553dd rgb(21,83,221)
```

Shade Color Variation

#1c5ce9
```
#1c5ce9 rgb(28,92,233)
```
#2e69eb
```
#2e69eb rgb(46,105,235)
```
#4076ed
```
#4076ed rgb(64,118,237)
```
#5282ef
```
#5282ef rgb(82,130,239)
```
#648ff0
```
#648ff0 rgb(100,143,240)
```
#769cf2
```
#769cf2 rgb(118,156,242)
```
#88a9f4
```
#88a9f4 rgb(136,169,244)
```
#9ab6f5
```
#9ab6f5 rgb(154,182,245)
```
#abc3f7
```
#abc3f7 rgb(171,195,247)
```
#bdd0f9
```
#bdd0f9 rgb(189,208,249)
```
#cfddfa
```
#cfddfa rgb(207,221,250)
```
#e1eafc
```
#e1eafc rgb(225,234,252)
```
#f3f6fe
```
#f3f6fe rgb(243,246,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #727680 is the less saturated color, while #024cf0 is the most saturated one.

#727680
```
#727680 rgb(114,118,128)
```
#697389
```
#697389 rgb(105,115,137)
```
#5f6f93
```
#5f6f93 rgb(95,111,147)
```
#566c9c
```
#566c9c rgb(86,108,156)
```
#4d68a5
```
#4d68a5 rgb(77,104,165)
```
#4465ae
```
#4465ae rgb(68,101,174)
```
#3a61b8
```
#3a61b8 rgb(58,97,184)
```
#315ec1
```
#315ec1 rgb(49,94,193)
```
#285aca
```
#285aca rgb(40,90,202)
```
#1e57d4
```
#1e57d4 rgb(30,87,212)
```
#1553dd
```
#1553dd rgb(21,83,221)
```
#0c4fe6
```
#0c4fe6 rgb(12,79,230)
```
#024cf0
```
#024cf0 rgb(2,76,240)
```

Tone Color Variation

Below, you can see how #1553dd 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

#505050 Achromatopsia 0.005% of the population
#44516c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0064c4 Protanopia 1% of men
#006aaa Deuteranopia 1% of men
#007277 Tritanopia 0.001% of the population

Trichromacy

#075ecd Protanomaly 1% of men, 0.01% of women
#0761bd Deuteranomaly 6% of men, 0.4% of women
#07669c Tritanomaly 0.01% of the population