#2155af hex color

In a RGB color space, hex #2155af is composed of 12.9% red, 33.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 51.4% magenta, 0% yellow and 31.4% black. It has a hue angle of 218 degrees, a saturation of 68.3% and a lightness of 40.8%. #2155af color hex could be obtained by blending #42aaff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 13
- G 33
- B 69
RGB color chart
- C 81
- M 51
- Y 0
- K 31
CMYK color chart

● #2155af color description : Dark blue.

The hexadecimal color #2155af has RGB values of R:33, G:85, B:175 and CMYK values of C:0.81, M:0.51, Y:0, K:0.31. Its decimal value is 2184623.

Hex triplet	2155af	`#2155af`
RGB Decimal	33, 85, 175	`rgb(33,85,175)`
RGB Percent	12.9, 33.3, 68.6	`rgb(12.9%,33.3%,68.6%)`
CMYK	81, 51, 0, 31
HSL	218°, 68.3, 40.8	`hsl(218,68.3%,40.8%)`
HSV (or HSB)	218°, 81.1, 68.6
Web Safe	336699	`#336699`

CIE-LAB	37.689, 16.682, -52.856
XYZ	11.612, 9.915, 41.857
xyY	0.183, 0.156, 9.915
CIE-LCH	37.689, 55.426, 287.516
CIE-LUV	37.689, -17.334, -76.546
Hunter-Lab	31.487, 10.724, -56.774
Binary	00100001, 01010101, 10101111

#2155af
```
#2155af rgb(33,85,175)
```
#af7b21
```
#af7b21 rgb(175,123,33)
```

Complementary Color

#219caf
```
#219caf rgb(33,156,175)
```
#2155af
```
#2155af rgb(33,85,175)
```
#3421af
```
#3421af rgb(52,33,175)
```

Analogous Color

#9caf21
```
#9caf21 rgb(156,175,33)
```
#2155af
```
#2155af rgb(33,85,175)
```
#af3421
```
#af3421 rgb(175,52,33)
```

Split Complementary Color

#55af21
```
#55af21 rgb(85,175,33)
```
#2155af
```
#2155af rgb(33,85,175)
```
#af2155
```
#af2155 rgb(175,33,85)
```

Triadic Color

#21af7b
```
#21af7b rgb(33,175,123)
```
#2155af
```
#2155af rgb(33,85,175)
```
#af2155
```
#af2155 rgb(175,33,85)
```
#af7b21
```
#af7b21 rgb(175,123,33)
```

Tetradic Color

#15366f
```
#15366f rgb(21,54,111)
```
#194084
```
#194084 rgb(25,64,132)
```
#1d4b9a
```
#1d4b9a rgb(29,75,154)
```
#2155af
```
#2155af rgb(33,85,175)
```
#255fc4
```
#255fc4 rgb(37,95,196)
```
#2c6bd7
```
#2c6bd7 rgb(44,107,215)
```
#417adb
```
#417adb rgb(65,122,219)
```

Monochromatic Color

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

#2179af
```
#2179af rgb(33,121,175)
```
#216daf
```
#216daf rgb(33,109,175)
```
#2161af
```
#2161af rgb(33,97,175)
```
#2155af
```
#2155af rgb(33,85,175)
```
#2149af
```
#2149af rgb(33,73,175)
```
#213daf
```
#213daf rgb(33,61,175)
```
#2132af
```
#2132af rgb(33,50,175)
```

Similar Colors

Text with hexadecimal color #2155af

This text has a font color of #2155af.

<span style="color:#2155af;">Text here</span>

#2155af background color

This paragraph has a background color of #2155af.

<p style="background-color:#2155af;">Content here</p>

#2155af border color

This element has a border color of #2155af.

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

CSS codes

.text {color:#2155af;}

.background {background-color:#2155af;}

.border {border:1px solid #2155af;}

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, #02050a is the darkest color, while #f8fafe is the lightest one.

#02050a
```
#02050a rgb(2,5,10)
```
#050d1a
```
#050d1a rgb(5,13,26)
```
#08152b
```
#08152b rgb(8,21,43)
```
#0b1d3b
```
#0b1d3b rgb(11,29,59)
```
#0e254c
```
#0e254c rgb(14,37,76)
```
#112d5c
```
#112d5c rgb(17,45,92)
```
#15356d
```
#15356d rgb(21,53,109)
```
#183d7d
```
#183d7d rgb(24,61,125)
```
#1b458e
```
#1b458e rgb(27,69,142)
```
#1e4d9e
```
#1e4d9e rgb(30,77,158)
```
#2155af
```
#2155af rgb(33,85,175)
```
#245dc0
```
#245dc0 rgb(36,93,192)
```
#2765d0
```
#2765d0 rgb(39,101,208)
```

Shade Color Variation

#326fd8
```
#326fd8 rgb(50,111,216)
```
#437bdc
```
#437bdc rgb(67,123,220)
```
#5386df
```
#5386df rgb(83,134,223)
```
#6492e2
```
#6492e2 rgb(100,146,226)
```
#749ee5
```
#749ee5 rgb(116,158,229)
```
#85a9e8
```
#85a9e8 rgb(133,169,232)
```
#95b5eb
```
#95b5eb rgb(149,181,235)
```
#a6c0ee
```
#a6c0ee rgb(166,192,238)
```
#b6ccf1
```
#b6ccf1 rgb(182,204,241)
```
#c7d8f4
```
#c7d8f4 rgb(199,216,244)
```
#d7e3f8
```
#d7e3f8 rgb(215,227,248)
```
#e8effb
```
#e8effb rgb(232,239,251)
```
#f8fafe
```
#f8fafe rgb(248,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #61666f is the less saturated color, while #014ccf is the most saturated one.

#61666f
```
#61666f rgb(97,102,111)
```
#596477
```
#596477 rgb(89,100,119)
```
#51627f
```
#51627f rgb(81,98,127)
```
#496087
```
#496087 rgb(73,96,135)
```
#415e8f
```
#415e8f rgb(65,94,143)
```
#395b97
```
#395b97 rgb(57,91,151)
```
#31599f
```
#31599f rgb(49,89,159)
```
#2957a7
```
#2957a7 rgb(41,87,167)
```
#2155af
```
#2155af rgb(33,85,175)
```
#1953b7
```
#1953b7 rgb(25,83,183)
```
#1151bf
```
#1151bf rgb(17,81,191)
```
#094fc7
```
#094fc7 rgb(9,79,199)
```
#014ccf
```
#014ccf rgb(1,76,207)
```

Tone Color Variation

Below, you can see how #2155af 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
#475163 Atypical Achromatopsia 0.001% of the population

Dichromacy

#245eb3 Protanopia 1% of men
#0063a3 Deuteranopia 1% of men
#006a71 Tritanopia 0.001% of the population

Trichromacy

#225bb2 Protanomaly 1% of men, 0.01% of women
#0c5ea7 Deuteranomaly 6% of men, 0.4% of women
#0c6287 Tritanomaly 0.01% of the population

#2155af hex color

#2155af Color Information

#2155af Color Conversion

Color Schemes with #2155af

Alternatives to #2155af

#2155af Preview

Shades and Tints of #2155af

Tones of #2155af

Color Blindness Simulator