#2168ba hex color

In a RGB color space, hex #2168ba is composed of 12.9% red, 40.8% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 44.1% magenta, 0% yellow and 27.1% black. It has a hue angle of 212.2 degrees, a saturation of 69.9% and a lightness of 42.9%. #2168ba color hex could be obtained by blending #42d0ff with #000075. Closest websafe color is: #3366cc.

♥
- f
- t
- g
- R 13
- G 41
- B 73
RGB color chart
- C 82
- M 44
- Y 0
- K 27
CMYK color chart

● #2168ba color description : Strong blue.

The hexadecimal color #2168ba has RGB values of R:33, G:104, B:186 and CMYK values of C:0.82, M:0.44, Y:0, K:0.27. Its decimal value is 2189498.

Hex triplet	2168ba	`#2168ba`
RGB Decimal	33, 104, 186	`rgb(33,104,186)`
RGB Percent	12.9, 40.8, 72.9	`rgb(12.9%,40.8%,72.9%)`
CMYK	82, 44, 0, 27
HSL	212.2°, 69.9, 42.9	`hsl(212.2,69.9%,42.9%)`
HSV (or HSB)	212.2°, 82.3, 72.9
Web Safe	3366cc	`#3366cc`

CIE-LAB	43.898, 8.604, -49.309
XYZ	14.438, 13.768, 48.348
xyY	0.189, 0.18, 13.768
CIE-LCH	43.898, 50.054, 279.898
CIE-LUV	43.898, -22.852, -74.064
Hunter-Lab	37.105, 4.524, -51.282
Binary	00100001, 01101000, 10111010

#2168ba
```
#2168ba rgb(33,104,186)
```
#ba7321
```
#ba7321 rgb(186,115,33)
```

Complementary Color

#21b5ba
```
#21b5ba rgb(33,181,186)
```
#2168ba
```
#2168ba rgb(33,104,186)
```
#2721ba
```
#2721ba rgb(39,33,186)
```

Analogous Color

#b5ba21
```
#b5ba21 rgb(181,186,33)
```
#2168ba
```
#2168ba rgb(33,104,186)
```
#ba2721
```
#ba2721 rgb(186,39,33)
```

Split Complementary Color

#68ba21
```
#68ba21 rgb(104,186,33)
```
#2168ba
```
#2168ba rgb(33,104,186)
```
#ba2168
```
#ba2168 rgb(186,33,104)
```

Triadic Color

#21ba73
```
#21ba73 rgb(33,186,115)
```
#2168ba
```
#2168ba rgb(33,104,186)
```
#ba2168
```
#ba2168 rgb(186,33,104)
```
#ba7321
```
#ba7321 rgb(186,115,33)
```

Tetradic Color

#154479
```
#154479 rgb(21,68,121)
```
#19508f
```
#19508f rgb(25,80,143)
```
#1d5ca4
```
#1d5ca4 rgb(29,92,164)
```
#2168ba
```
#2168ba rgb(33,104,186)
```
#2574d0
```
#2574d0 rgb(37,116,208)
```
#3381db
```
#3381db rgb(51,129,219)
```
#498edf
```
#498edf rgb(73,142,223)
```

Monochromatic Color

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

#218eba
```
#218eba rgb(33,142,186)
```
#2182ba
```
#2182ba rgb(33,130,186)
```
#2175ba
```
#2175ba rgb(33,117,186)
```
#2168ba
```
#2168ba rgb(33,104,186)
```
#215bba
```
#215bba rgb(33,91,186)
```
#214fba
```
#214fba rgb(33,79,186)
```
#2142ba
```
#2142ba rgb(33,66,186)
```

Similar Colors

Text with hexadecimal color #2168ba

This text has a font color of #2168ba.

<span style="color:#2168ba;">Text here</span>

#2168ba background color

This paragraph has a background color of #2168ba.

<p style="background-color:#2168ba;">Content here</p>

#2168ba border color

This element has a border color of #2168ba.

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

CSS codes

.text {color:#2168ba;}

.background {background-color:#2168ba;}

.border {border:1px solid #2168ba;}

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

#000203
```
#000203 rgb(0,2,3)
```
#030b13
```
#030b13 rgb(3,11,19)
```
#061424
```
#061424 rgb(6,20,36)
```
#091d35
```
#091d35 rgb(9,29,53)
```
#0c2745
```
#0c2745 rgb(12,39,69)
```
#0f3056
```
#0f3056 rgb(15,48,86)
```
#123967
```
#123967 rgb(18,57,103)
```
#154377
```
#154377 rgb(21,67,119)
```
#184c88
```
#184c88 rgb(24,76,136)
```
#1b5599
```
#1b5599 rgb(27,85,153)
```
#1e5fa9
```
#1e5fa9 rgb(30,95,169)
```
#2168ba
```
#2168ba rgb(33,104,186)
```
#2471cb
```
#2471cb rgb(36,113,203)
```

Shade Color Variation

#297bd9
```
#297bd9 rgb(41,123,217)
```
#3a85dc
```
#3a85dc rgb(58,133,220)
```
#4a8fdf
```
#4a8fdf rgb(74,143,223)
```
#5b9ae2
```
#5b9ae2 rgb(91,154,226)
```
#6ca4e5
```
#6ca4e5 rgb(108,164,229)
```
#7caee8
```
#7caee8 rgb(124,174,232)
```
#8db9eb
```
#8db9eb rgb(141,185,235)
```
#9ec3ee
```
#9ec3ee rgb(158,195,238)
```
#aecdf1
```
#aecdf1 rgb(174,205,241)
```
#bfd7f4
```
#bfd7f4 rgb(191,215,244)
```
#d0e2f7
```
#d0e2f7 rgb(208,226,247)
```
#e0ecfa
```
#e0ecfa rgb(224,236,250)
```
#f1f6fd
```
#f1f6fd rgb(241,246,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d6d6e is the less saturated color, while #0866d3 is the most saturated one.

#6d6d6e
```
#6d6d6e rgb(109,109,110)
```
#646d77
```
#646d77 rgb(100,109,119)
```
#5c6c7f
```
#5c6c7f rgb(92,108,127)
```
#546c87
```
#546c87 rgb(84,108,135)
```
#4b6b90
```
#4b6b90 rgb(75,107,144)
```
#436a98
```
#436a98 rgb(67,106,152)
```
#3a6aa1
```
#3a6aa1 rgb(58,106,161)
```
#3269a9
```
#3269a9 rgb(50,105,169)
```
#2969b2
```
#2969b2 rgb(41,105,178)
```
#2168ba
```
#2168ba rgb(33,104,186)
```
#1967c2
```
#1967c2 rgb(25,103,194)
```
#1067cb
```
#1067cb rgb(16,103,203)
```
#0866d3
```
#0866d3 rgb(8,102,211)
```

Tone Color Variation

Below, you can see how #2168ba 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

#5c5c5c Achromatopsia 0.005% of the population
#505e6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#476dbb Protanopia 1% of men
#1071bc Deuteranopia 1% of men
#007a82 Tritanopia 0.001% of the population

Trichromacy

#396bba Protanomaly 1% of men, 0.01% of women
#166dbb Deuteranomaly 6% of men, 0.4% of women
#0c7396 Tritanomaly 0.01% of the population

#2168ba hex color

#2168ba Color Information

#2168ba Color Conversion

Color Schemes with #2168ba

Alternatives to #2168ba

#2168ba Preview

Shades and Tints of #2168ba

Tones of #2168ba

Color Blindness Simulator