#1f95b8 hex color

In a RGB color space, hex #1f95b8 is composed of 12.2% red, 58.4% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 83.2% cyan, 19% magenta, 0% yellow and 27.8% black. It has a hue angle of 193.7 degrees, a saturation of 71.2% and a lightness of 42.2%. #1f95b8 color hex could be obtained by blending #3effff with #002b71. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 58
- B 72
RGB color chart
- C 83
- M 19
- Y 0
- K 28
CMYK color chart

● #1f95b8 color description : Strong cyan.

The hexadecimal color #1f95b8 has RGB values of R:31, G:149, B:184 and CMYK values of C:0.83, M:0.19, Y:0, K:0.28. Its decimal value is 2069944.

Hex triplet	1f95b8	`#1f95b8`
RGB Decimal	31, 149, 184	`rgb(31,149,184)`
RGB Percent	12.2, 58.4, 72.2	`rgb(12.2%,58.4%,72.2%)`
CMYK	83, 19, 0, 28
HSL	193.7°, 71.2, 42.2	`hsl(193.7,71.2%,42.2%)`
HSV (or HSB)	193.7°, 83.2, 72.2
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.313, -18.8, -27.035
XYZ	19.962, 25.245, 49.165
xyY	0.212, 0.268, 25.245
CIE-LCH	57.313, 32.929, 235.186
CIE-LUV	57.313, -38.471, -38.976
Hunter-Lab	50.244, -17.01, -22.846
Binary	00011111, 10010101, 10111000

#1f95b8
```
#1f95b8 rgb(31,149,184)
```
#b8421f
```
#b8421f rgb(184,66,31)
```

Complementary Color

#1fb88f
```
#1fb88f rgb(31,184,143)
```
#1f95b8
```
#1f95b8 rgb(31,149,184)
```
#1f49b8
```
#1f49b8 rgb(31,73,184)
```

Analogous Color

#b88f1f
```
#b88f1f rgb(184,143,31)
```
#1f95b8
```
#1f95b8 rgb(31,149,184)
```
#b81f48
```
#b81f48 rgb(184,31,72)
```

Split Complementary Color

#95b81f
```
#95b81f rgb(149,184,31)
```
#1f95b8
```
#1f95b8 rgb(31,149,184)
```
#b81f95
```
#b81f95 rgb(184,31,149)
```

Triadic Color

#1fb842
```
#1fb842 rgb(31,184,66)
```
#1f95b8
```
#1f95b8 rgb(31,149,184)
```
#b81f95
```
#b81f95 rgb(184,31,149)
```
#b8421f
```
#b8421f rgb(184,66,31)
```

Tetradic Color

#146077
```
#146077 rgb(20,96,119)
```
#18728c
```
#18728c rgb(24,114,140)
```
#1b83a2
```
#1b83a2 rgb(27,131,162)
```
#1f95b8
```
#1f95b8 rgb(31,149,184)
```
#23a7ce
```
#23a7ce rgb(35,167,206)
```
#2eb4dc
```
#2eb4dc rgb(46,180,220)
```
#44bcdf
```
#44bcdf rgb(68,188,223)
```

Monochromatic Color

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

#1fb8b5
```
#1fb8b5 rgb(31,184,181)
```
#1fafb8
```
#1fafb8 rgb(31,175,184)
```
#1fa2b8
```
#1fa2b8 rgb(31,162,184)
```
#1f95b8
```
#1f95b8 rgb(31,149,184)
```
#1f88b8
```
#1f88b8 rgb(31,136,184)
```
#1f7cb8
```
#1f7cb8 rgb(31,124,184)
```
#1f6fb8
```
#1f6fb8 rgb(31,111,184)
```

Similar Colors

Text with hexadecimal color #1f95b8

This text has a font color of #1f95b8.

<span style="color:#1f95b8;">Text here</span>

#1f95b8 background color

This paragraph has a background color of #1f95b8.

<p style="background-color:#1f95b8;">Content here</p>

#1f95b8 border color

This element has a border color of #1f95b8.

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

CSS codes

.text {color:#1f95b8;}

.background {background-color:#1f95b8;}

.border {border:1px solid #1f95b8;}

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, #030d10 is the darkest color, while #feffff is the lightest one.

#030d10
```
#030d10 rgb(3,13,16)
```
#061b21
```
#061b21 rgb(6,27,33)
```
#082832
```
#082832 rgb(8,40,50)
```
#0b3642
```
#0b3642 rgb(11,54,66)
```
#0e4353
```
#0e4353 rgb(14,67,83)
```
#115164
```
#115164 rgb(17,81,100)
```
#145f75
```
#145f75 rgb(20,95,117)
```
#176c86
```
#176c86 rgb(23,108,134)
```
#197a96
```
#197a96 rgb(25,122,150)
```
#1c87a7
```
#1c87a7 rgb(28,135,167)
```
#1f95b8
```
#1f95b8 rgb(31,149,184)
```
#22a3c9
```
#22a3c9 rgb(34,163,201)
```
#25b0da
```
#25b0da rgb(37,176,218)
```

Shade Color Variation

#35b7dd
```
#35b7dd rgb(53,183,221)
```
#46bde0
```
#46bde0 rgb(70,189,224)
```
#56c3e3
```
#56c3e3 rgb(86,195,227)
```
#67c9e5
```
#67c9e5 rgb(103,201,229)
```
#78cfe8
```
#78cfe8 rgb(120,207,232)
```
#89d5eb
```
#89d5eb rgb(137,213,235)
```
#9adbee
```
#9adbee rgb(154,219,238)
```
#aae1f1
```
#aae1f1 rgb(170,225,241)
```
#bbe7f4
```
#bbe7f4 rgb(187,231,244)
```
#ccedf6
```
#ccedf6 rgb(204,237,246)
```
#ddf3f9
```
#ddf3f9 rgb(221,243,249)
```
#eef9fc
```
#eef9fc rgb(238,249,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #696d6e is the less saturated color, while #06a2d1 is the most saturated one.

#696d6e
```
#696d6e rgb(105,109,110)
```
#617176
```
#617176 rgb(97,113,118)
```
#59767e
```
#59767e rgb(89,118,126)
```
#517a86
```
#517a86 rgb(81,122,134)
```
#487f8f
```
#487f8f rgb(72,127,143)
```
#408397
```
#408397 rgb(64,131,151)
```
#38889f
```
#38889f rgb(56,136,159)
```
#308ca7
```
#308ca7 rgb(48,140,167)
```
#2791b0
```
#2791b0 rgb(39,145,176)
```
#1f95b8
```
#1f95b8 rgb(31,149,184)
```
#1799c0
```
#1799c0 rgb(23,153,192)
```
#0e9ec9
```
#0e9ec9 rgb(14,158,201)
```
#06a2d1
```
#06a2d1 rgb(6,162,209)
```

Tone Color Variation

Below, you can see how #1f95b8 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
#657c83 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858eb3 Protanopia 1% of men
#7e8ec0 Deuteranopia 1% of men
#009da9 Tritanopia 0.001% of the population

Trichromacy

#6090b5 Protanomaly 1% of men, 0.01% of women
#5b90bd Deuteranomaly 6% of men, 0.4% of women
#0b9aae Tritanomaly 0.01% of the population

#1f95b8 hex color

#1f95b8 Color Information

#1f95b8 Color Conversion

Color Schemes with #1f95b8

Alternatives to #1f95b8

#1f95b8 Preview

Shades and Tints of #1f95b8

Tones of #1f95b8

Color Blindness Simulator