#2166ca hex color

In a RGB color space, hex #2166ca is composed of 12.9% red, 40% green and 79.2% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 49.5% magenta, 0% yellow and 20.8% black. It has a hue angle of 215.5 degrees, a saturation of 71.9% and a lightness of 46.1%. #2166ca color hex could be obtained by blending #42ccff with #000095. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 40
- B 79
RGB color chart
- C 84
- M 50
- Y 0
- K 21
CMYK color chart

● #2166ca color description : Strong blue.

The hexadecimal color #2166ca has RGB values of R:33, G:102, B:202 and CMYK values of C:0.84, M:0.5, Y:0, K:0.21. Its decimal value is 2189002.

Hex triplet	2166ca	`#2166ca`
RGB Decimal	33, 102, 202	`rgb(33,102,202)`
RGB Percent	12.9, 40, 79.2	`rgb(12.9%,40%,79.2%)`
CMYK	84, 50, 0, 21
HSL	215.5°, 71.9, 46.1	`hsl(215.5,71.9%,46.1%)`
HSV (or HSB)	215.5°, 83.7, 79.2
Web Safe	3366cc	`#3366cc`

CIE-LAB	44.36, 16.115, -57.821
XYZ	16.037, 14.089, 57.748
xyY	0.182, 0.16, 14.089
CIE-LCH	44.36, 60.025, 285.574
CIE-LUV	44.36, -21.751, -87.553
Hunter-Lab	37.535, 10.577, -64.943
Binary	00100001, 01100110, 11001010

#2166ca
```
#2166ca rgb(33,102,202)
```
#ca8521
```
#ca8521 rgb(202,133,33)
```

Complementary Color

#21bbca
```
#21bbca rgb(33,187,202)
```
#2166ca
```
#2166ca rgb(33,102,202)
```
#3121ca
```
#3121ca rgb(49,33,202)
```

Analogous Color

#bbca21
```
#bbca21 rgb(187,202,33)
```
#2166ca
```
#2166ca rgb(33,102,202)
```
#ca3021
```
#ca3021 rgb(202,48,33)
```

Split Complementary Color

#66ca21
```
#66ca21 rgb(102,202,33)
```
#2166ca
```
#2166ca rgb(33,102,202)
```
#ca2166
```
#ca2166 rgb(202,33,102)
```

Triadic Color

#21ca85
```
#21ca85 rgb(33,202,133)
```
#2166ca
```
#2166ca rgb(33,102,202)
```
#ca2166
```
#ca2166 rgb(202,33,102)
```
#ca8521
```
#ca8521 rgb(202,133,33)
```

Tetradic Color

#164588
```
#164588 rgb(22,69,136)
```
#1a509e
```
#1a509e rgb(26,80,158)
```
#1d5bb4
```
#1d5bb4 rgb(29,91,180)
```
#2166ca
```
#2166ca rgb(33,102,202)
```
#2972dc
```
#2972dc rgb(41,114,220)
```
#3e80e0
```
#3e80e0 rgb(62,128,224)
```
#548fe3
```
#548fe3 rgb(84,143,227)
```

Monochromatic Color

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

#2190ca
```
#2190ca rgb(33,144,202)
```
#2182ca
```
#2182ca rgb(33,130,202)
```
#2174ca
```
#2174ca rgb(33,116,202)
```
#2166ca
```
#2166ca rgb(33,102,202)
```
#2158ca
```
#2158ca rgb(33,88,202)
```
#214aca
```
#214aca rgb(33,74,202)
```
#213cca
```
#213cca rgb(33,60,202)
```

Similar Colors

Text with hexadecimal color #2166ca

This text has a font color of #2166ca.

<span style="color:#2166ca;">Text here</span>

#2166ca background color

This paragraph has a background color of #2166ca.

<p style="background-color:#2166ca;">Content here</p>

#2166ca border color

This element has a border color of #2166ca.

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

CSS codes

.text {color:#2166ca;}

.background {background-color:#2166ca;}

.border {border:1px solid #2166ca;}

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

#030811
```
#030811 rgb(3,8,17)
```
#051121
```
#051121 rgb(5,17,33)
```
#081932
```
#081932 rgb(8,25,50)
```
#0b2243
```
#0b2243 rgb(11,34,67)
```
#0e2a54
```
#0e2a54 rgb(14,42,84)
```
#103365
```
#103365 rgb(16,51,101)
```
#133b76
```
#133b76 rgb(19,59,118)
```
#164487
```
#164487 rgb(22,68,135)
```
#194c97
```
#194c97 rgb(25,76,151)
```
#1b55a8
```
#1b55a8 rgb(27,85,168)
```
#1e5db9
```
#1e5db9 rgb(30,93,185)
```
#2166ca
```
#2166ca rgb(33,102,202)
```
#246fdb
```
#246fdb rgb(36,111,219)
```

Shade Color Variation

#347ade
```
#347ade rgb(52,122,222)
```
#4585e1
```
#4585e1 rgb(69,133,225)
```
#5690e3
```
#5690e3 rgb(86,144,227)
```
#679be6
```
#679be6 rgb(103,155,230)
```
#78a6e9
```
#78a6e9 rgb(120,166,233)
```
#89b1ec
```
#89b1ec rgb(137,177,236)
```
#9abcee
```
#9abcee rgb(154,188,238)
```
#aac7f1
```
#aac7f1 rgb(170,199,241)
```
#bbd2f4
```
#bbd2f4 rgb(187,210,244)
```
#ccddf7
```
#ccddf7 rgb(204,221,247)
```
#dde9f9
```
#dde9f9 rgb(221,233,249)
```
#eef4fc
```
#eef4fc rgb(238,244,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#727579
```
#727579 rgb(114,117,121)
```
#697382
```
#697382 rgb(105,115,130)
```
#60728b
```
#60728b rgb(96,114,139)
```
#577094
```
#577094 rgb(87,112,148)
```
#4e6e9d
```
#4e6e9d rgb(78,110,157)
```
#456da6
```
#456da6 rgb(69,109,166)
```
#3c6baf
```
#3c6baf rgb(60,107,175)
```
#3369b8
```
#3369b8 rgb(51,105,184)
```
#2a68c1
```
#2a68c1 rgb(42,104,193)
```
#2166ca
```
#2166ca rgb(33,102,202)
```
#1864d3
```
#1864d3 rgb(24,100,211)
```
#0f63dc
```
#0f63dc rgb(15,99,220)
```
#0661e5
```
#0661e5 rgb(6,97,229)
```

Tone Color Variation

Below, you can see how #2166ca 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

#5d5d5d Achromatopsia 0.005% of the population
#515f73 Atypical Achromatopsia 0.001% of the population

Dichromacy

#326dcc Protanopia 1% of men
#0072bd Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#2c6acb Protanomaly 1% of men, 0.01% of women
#0c6ec1 Deuteranomaly 6% of men, 0.4% of women
#0c739c Tritanomaly 0.01% of the population

#2166ca hex color

#2166ca Color Information

#2166ca Color Conversion

Color Schemes with #2166ca

Alternatives to #2166ca

#2166ca Preview

Shades and Tints of #2166ca

Tones of #2166ca

Color Blindness Simulator