#2195fc hex color

In a RGB color space, hex #2195fc is composed of 12.9% red, 58.4% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 40.9% magenta, 0% yellow and 1.2% black. It has a hue angle of 208.2 degrees, a saturation of 97.3% and a lightness of 55.9%. #2195fc color hex could be obtained by blending #42ffff with #002bf9. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 13
- G 58
- B 99
RGB color chart
- C 87
- M 41
- Y 0
- K 1
CMYK color chart

● #2195fc color description : Vivid blue.

The hexadecimal color #2195fc has RGB values of R:33, G:149, B:252 and CMYK values of C:0.87, M:0.41, Y:0, K:0.01. Its decimal value is 2201084.

Hex triplet	2195fc	`#2195fc`
RGB Decimal	33, 149, 252	`rgb(33,149,252)`
RGB Percent	12.9, 58.4, 98.8	`rgb(12.9%,58.4%,98.8%)`
CMYK	87, 41, 0, 1
HSL	208.2°, 97.3, 55.9	`hsl(208.2,97.3%,55.9%)`
HSV (or HSB)	208.2°, 86.9, 98.8
Web Safe	3399ff	`#3399ff`

CIE-LAB	60.644, 6.019, -59.722
XYZ	28.941, 28.844, 96.132
xyY	0.188, 0.187, 28.844
CIE-LCH	60.644, 60.025, 275.755
CIE-LUV	60.644, -34.283, -96.345
Hunter-Lab	53.707, 2.203, -68.532
Binary	00100001, 10010101, 11111100

#2195fc
```
#2195fc rgb(33,149,252)
```
#fc8821
```
#fc8821 rgb(252,136,33)
```

Complementary Color

#21fcf6
```
#21fcf6 rgb(33,252,246)
```
#2195fc
```
#2195fc rgb(33,149,252)
```
#2128fc
```
#2128fc rgb(33,40,252)
```

Analogous Color

#fcf621
```
#fcf621 rgb(252,246,33)
```
#2195fc
```
#2195fc rgb(33,149,252)
```
#fc2128
```
#fc2128 rgb(252,33,40)
```

Split Complementary Color

#95fc21
```
#95fc21 rgb(149,252,33)
```
#2195fc
```
#2195fc rgb(33,149,252)
```
#fc2195
```
#fc2195 rgb(252,33,149)
```

Triadic Color

#21fc88
```
#21fc88 rgb(33,252,136)
```
#2195fc
```
#2195fc rgb(33,149,252)
```
#fc2195
```
#fc2195 rgb(252,33,149)
```
#fc8821
```
#fc8821 rgb(252,136,33)
```

Tetradic Color

#036ece
```
#036ece rgb(3,110,206)
```
#037ce7
```
#037ce7 rgb(3,124,231)
```
#0889fc
```
#0889fc rgb(8,137,252)
```
#2195fc
```
#2195fc rgb(33,149,252)
```
#3aa1fc
```
#3aa1fc rgb(58,161,252)
```
#53adfd
```
#53adfd rgb(83,173,253)
```
#6cb9fd
```
#6cb9fd rgb(108,185,253)
```

Monochromatic Color

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

#21ccfc
```
#21ccfc rgb(33,204,252)
```
#21bafc
```
#21bafc rgb(33,186,252)
```
#21a7fc
```
#21a7fc rgb(33,167,252)
```
#2195fc
```
#2195fc rgb(33,149,252)
```
#2183fc
```
#2183fc rgb(33,131,252)
```
#2171fc
```
#2171fc rgb(33,113,252)
```
#215efc
```
#215efc rgb(33,94,252)
```

Similar Colors

Text with hexadecimal color #2195fc

This text has a font color of #2195fc.

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

#2195fc background color

This paragraph has a background color of #2195fc.

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

#2195fc border color

This element has a border color of #2195fc.

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

CSS codes

.text {color:#2195fc;}

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

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

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

#00050a
```
#00050a rgb(0,5,10)
```
#00101e
```
#00101e rgb(0,16,30)
```
#011a31
```
#011a31 rgb(1,26,49)
```
#012544
```
#012544 rgb(1,37,68)
```
#012f58
```
#012f58 rgb(1,47,88)
```
#01396b
```
#01396b rgb(1,57,107)
```
#02447e
```
#02447e rgb(2,68,126)
```
#024e92
```
#024e92 rgb(2,78,146)
```
#0258a5
```
#0258a5 rgb(2,88,165)
```
#0263b8
```
#0263b8 rgb(2,99,184)
```
#036dcc
```
#036dcc rgb(3,109,204)
```
#0378df
```
#0378df rgb(3,120,223)
```
#0382f2
```
#0382f2 rgb(3,130,242)
```

Shade Color Variation

#0e8cfc
```
#0e8cfc rgb(14,140,252)
```
#2195fc
```
#2195fc rgb(33,149,252)
```
#349efc
```
#349efc rgb(52,158,252)
```
#48a7fd
```
#48a7fd rgb(72,167,253)
```
#5bb1fd
```
#5bb1fd rgb(91,177,253)
```
#6ebafd
```
#6ebafd rgb(110,186,253)
```
#82c3fd
```
#82c3fd rgb(130,195,253)
```
#95ccfe
```
#95ccfe rgb(149,204,254)
```
#a8d6fe
```
#a8d6fe rgb(168,214,254)
```
#bcdffe
```
#bcdffe rgb(188,223,254)
```
#cfe8fe
```
#cfe8fe rgb(207,232,254)
```
#e3f1ff
```
#e3f1ff rgb(227,241,255)
```
#f6fbff
```
#f6fbff rgb(246,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898f94 is the less saturated color, while #2195fc is the most saturated one.

#898f94
```
#898f94 rgb(137,143,148)
```
#808f9d
```
#808f9d rgb(128,143,157)
```
#7890a5
```
#7890a5 rgb(120,144,165)
```
#6f90ae
```
#6f90ae rgb(111,144,174)
```
#6691b7
```
#6691b7 rgb(102,145,183)
```
#5e91bf
```
#5e91bf rgb(94,145,191)
```
#5592c8
```
#5592c8 rgb(85,146,200)
```
#4c92d1
```
#4c92d1 rgb(76,146,209)
```
#4493d9
```
#4493d9 rgb(68,147,217)
```
#3b93e2
```
#3b93e2 rgb(59,147,226)
```
#3294eb
```
#3294eb rgb(50,148,235)
```
#2a94f3
```
#2a94f3 rgb(42,148,243)
```
#2195fc
```
#2195fc rgb(33,149,252)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#6b8397 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6994f7 Protanopia 1% of men
#3699fc Deuteranopia 1% of men
#00a6b1 Tritanopia 0.001% of the population

Trichromacy

#4e94f8 Protanomaly 1% of men, 0.01% of women
#2e98fc Deuteranomaly 6% of men, 0.4% of women
#0ca0cc Tritanomaly 0.01% of the population

#2195fc hex color

#2195fc Color Information

#2195fc Color Conversion

Color Schemes with #2195fc

Alternatives to #2195fc

#2195fc Preview

Shades and Tints of #2195fc

Tones of #2195fc

Color Blindness Simulator