#2195b3 hex color

In a RGB color space, hex #2195b3 is composed of 12.9% red, 58.4% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 81.6% cyan, 16.8% magenta, 0% yellow and 29.8% black. It has a hue angle of 192.3 degrees, a saturation of 68.9% and a lightness of 41.6%. #2195b3 color hex could be obtained by blending #42ffff with #002b67. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 13
- G 58
- B 70
RGB color chart
- C 82
- M 17
- Y 0
- K 30
CMYK color chart

● #2195b3 color description : Strong cyan.

The hexadecimal color #2195b3 has RGB values of R:33, G:149, B:179 and CMYK values of C:0.82, M:0.17, Y:0, K:0.3. Its decimal value is 2201011.

Hex triplet	2195b3	`#2195b3`
RGB Decimal	33, 149, 179	`rgb(33,149,179)`
RGB Percent	12.9, 58.4, 70.2	`rgb(12.9%,58.4%,70.2%)`
CMYK	82, 17, 0, 30
HSL	192.3°, 68.9, 41.6	`hsl(192.3,68.9%,41.6%)`
HSV (or HSB)	192.3°, 81.6, 70.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.145, -20.337, -24.454
XYZ	19.509, 25.071, 46.456
xyY	0.214, 0.275, 25.071
CIE-LCH	57.145, 31.805, 230.252
CIE-LUV	57.145, -38.602, -34.571
Hunter-Lab	50.071, -18.076, -19.96
Binary	00100001, 10010101, 10110011

#2195b3
```
#2195b3 rgb(33,149,179)
```
#b33f21
```
#b33f21 rgb(179,63,33)
```

Complementary Color

#21b388
```
#21b388 rgb(33,179,136)
```
#2195b3
```
#2195b3 rgb(33,149,179)
```
#214cb3
```
#214cb3 rgb(33,76,179)
```

Analogous Color

#b38821
```
#b38821 rgb(179,136,33)
```
#2195b3
```
#2195b3 rgb(33,149,179)
```
#b3214c
```
#b3214c rgb(179,33,76)
```

Split Complementary Color

#95b321
```
#95b321 rgb(149,179,33)
```
#2195b3
```
#2195b3 rgb(33,149,179)
```
#b32195
```
#b32195 rgb(179,33,149)
```

Triadic Color

#21b33f
```
#21b33f rgb(33,179,63)
```
#2195b3
```
#2195b3 rgb(33,149,179)
```
#b32195
```
#b32195 rgb(179,33,149)
```
#b33f21
```
#b33f21 rgb(179,63,33)
```

Tetradic Color

#155f72
```
#155f72 rgb(21,95,114)
```
#197188
```
#197188 rgb(25,113,136)
```
#1d839d
```
#1d839d rgb(29,131,157)
```
#2195b3
```
#2195b3 rgb(33,149,179)
```
#25a7c9
```
#25a7c9 rgb(37,167,201)
```
#2eb6d9
```
#2eb6d9 rgb(46,182,217)
```
#44bddd
```
#44bddd rgb(68,189,221)
```

Monochromatic Color

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

#21b3ad
```
#21b3ad rgb(33,179,173)
```
#21adb3
```
#21adb3 rgb(33,173,179)
```
#21a1b3
```
#21a1b3 rgb(33,161,179)
```
#2195b3
```
#2195b3 rgb(33,149,179)
```
#2189b3
```
#2189b3 rgb(33,137,179)
```
#217db3
```
#217db3 rgb(33,125,179)
```
#2171b3
```
#2171b3 rgb(33,113,179)
```

Similar Colors

Text with hexadecimal color #2195b3

This text has a font color of #2195b3.

<span style="color:#2195b3;">Text here</span>

#2195b3 background color

This paragraph has a background color of #2195b3.

<p style="background-color:#2195b3;">Content here</p>

#2195b3 border color

This element has a border color of #2195b3.

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

CSS codes

.text {color:#2195b3;}

.background {background-color:#2195b3;}

.border {border:1px solid #2195b3;}

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, #020b0d is the darkest color, while #fcfefe is the lightest one.

#020b0d
```
#020b0d rgb(2,11,13)
```
#06191e
```
#06191e rgb(6,25,30)
```
#09272f
```
#09272f rgb(9,39,47)
```
#0c343f
```
#0c343f rgb(12,52,63)
```
#0f4250
```
#0f4250 rgb(15,66,80)
```
#125060
```
#125060 rgb(18,80,96)
```
#155e71
```
#155e71 rgb(21,94,113)
```
#186c81
```
#186c81 rgb(24,108,129)
```
#1b7992
```
#1b7992 rgb(27,121,146)
```
#1e87a2
```
#1e87a2 rgb(30,135,162)
```
#2195b3
```
#2195b3 rgb(33,149,179)
```
#24a3c4
```
#24a3c4 rgb(36,163,196)
```
#27b1d4
```
#27b1d4 rgb(39,177,212)
```

Shade Color Variation

#35b8da
```
#35b8da rgb(53,184,218)
```
#46bedd
```
#46bedd rgb(70,190,221)
```
#56c4e0
```
#56c4e0 rgb(86,196,224)
```
#67c9e3
```
#67c9e3 rgb(103,201,227)
```
#77cfe6
```
#77cfe6 rgb(119,207,230)
```
#88d5e9
```
#88d5e9 rgb(136,213,233)
```
#98dbec
```
#98dbec rgb(152,219,236)
```
#a9e1ef
```
#a9e1ef rgb(169,225,239)
```
#bae7f2
```
#bae7f2 rgb(186,231,242)
```
#caecf5
```
#caecf5 rgb(202,236,245)
```
#dbf2f8
```
#dbf2f8 rgb(219,242,248)
```
#ebf8fb
```
#ebf8fb rgb(235,248,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #626f72 is the less saturated color, while #00a8d4 is the most saturated one.

#626f72
```
#626f72 rgb(98,111,114)
```
#5a737a
```
#5a737a rgb(90,115,122)
```
#527882
```
#527882 rgb(82,120,130)
```
#4a7d8a
```
#4a7d8a rgb(74,125,138)
```
#428292
```
#428292 rgb(66,130,146)
```
#39879b
```
#39879b rgb(57,135,155)
```
#318ba3
```
#318ba3 rgb(49,139,163)
```
#2990ab
```
#2990ab rgb(41,144,171)
```
#2195b3
```
#2195b3 rgb(33,149,179)
```
#199abb
```
#199abb rgb(25,154,187)
```
#119fc3
```
#119fc3 rgb(17,159,195)
```
#09a3cb
```
#09a3cb rgb(9,163,203)
```
#00a8d4
```
#00a8d4 rgb(0,168,212)
```

Tone Color Variation

Below, you can see how #2195b3 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

#767676 Achromatopsia 0.005% of the population
#657c82 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868dae Protanopia 1% of men
#818dbc Deuteranopia 1% of men
#0f9da8 Tritanopia 0.001% of the population

Trichromacy

#6190b0 Protanomaly 1% of men, 0.01% of women
#5e90b8 Deuteranomaly 6% of men, 0.4% of women
#159aac Tritanomaly 0.01% of the population

#2195b3 hex color

#2195b3 Color Information

#2195b3 Color Conversion

Color Schemes with #2195b3

Alternatives to #2195b3

#2195b3 Preview

Shades and Tints of #2195b3

Tones of #2195b3

Color Blindness Simulator