#1f96be hex color

In a RGB color space, hex #1f96be is composed of 12.2% red, 58.8% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 83.7% cyan, 21.1% magenta, 0% yellow and 25.5% black. It has a hue angle of 195.1 degrees, a saturation of 71.9% and a lightness of 43.3%. #1f96be color hex could be obtained by blending #3effff with #002d7d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 59
- B 75
RGB color chart
- C 84
- M 21
- Y 0
- K 25
CMYK color chart

● #1f96be color description : Strong blue.

The hexadecimal color #1f96be has RGB values of R:31, G:150, B:190 and CMYK values of C:0.84, M:0.21, Y:0, K:0.25. Its decimal value is 2070206.

Hex triplet	1f96be	`#1f96be`
RGB Decimal	31, 150, 190	`rgb(31,150,190)`
RGB Percent	12.2, 58.8, 74.5	`rgb(12.2%,58.8%,74.5%)`
CMYK	84, 21, 0, 25
HSL	195.1°, 71.9, 43.3	`hsl(195.1,71.9%,43.3%)`
HSV (or HSB)	195.1°, 83.7, 74.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	57.866, -17.255, -29.577
XYZ	20.763, 25.82, 52.602
xyY	0.209, 0.26, 25.82
CIE-LCH	57.866, 34.242, 239.741
CIE-LUV	57.866, -38.416, -43.387
Hunter-Lab	50.813, -15.984, -25.808
Binary	00011111, 10010110, 10111110

#1f96be
```
#1f96be rgb(31,150,190)
```
#be471f
```
#be471f rgb(190,71,31)
```

Complementary Color

#1fbe97
```
#1fbe97 rgb(31,190,151)
```
#1f96be
```
#1f96be rgb(31,150,190)
```
#1f47be
```
#1f47be rgb(31,71,190)
```

Analogous Color

#be971f
```
#be971f rgb(190,151,31)
```
#1f96be
```
#1f96be rgb(31,150,190)
```
#be1f47
```
#be1f47 rgb(190,31,71)
```

Split Complementary Color

#96be1f
```
#96be1f rgb(150,190,31)
```
#1f96be
```
#1f96be rgb(31,150,190)
```
#be1f96
```
#be1f96 rgb(190,31,150)
```

Triadic Color

#1fbe47
```
#1fbe47 rgb(31,190,71)
```
#1f96be
```
#1f96be rgb(31,150,190)
```
#be1f96
```
#be1f96 rgb(190,31,150)
```
#be471f
```
#be471f rgb(190,71,31)
```

Tetradic Color

#14627c
```
#14627c rgb(20,98,124)
```
#187392
```
#187392 rgb(24,115,146)
```
#1b85a8
```
#1b85a8 rgb(27,133,168)
```
#1f96be
```
#1f96be rgb(31,150,190)
```
#23a7d4
```
#23a7d4 rgb(35,167,212)
```
#32b3de
```
#32b3de rgb(50,179,222)
```
#48bbe1
```
#48bbe1 rgb(72,187,225)
```

Monochromatic Color

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

#1fbebe
```
#1fbebe rgb(31,190,190)
```
#1fb1be
```
#1fb1be rgb(31,177,190)
```
#1fa3be
```
#1fa3be rgb(31,163,190)
```
#1f96be
```
#1f96be rgb(31,150,190)
```
#1f89be
```
#1f89be rgb(31,137,190)
```
#1f7cbe
```
#1f7cbe rgb(31,124,190)
```
#1f6ebe
```
#1f6ebe rgb(31,110,190)
```

Similar Colors

Text with hexadecimal color #1f96be

This text has a font color of #1f96be.

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

#1f96be background color

This paragraph has a background color of #1f96be.

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

#1f96be border color

This element has a border color of #1f96be.

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

CSS codes

.text {color:#1f96be;}

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

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

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

#010404
```
#010404 rgb(1,4,4)
```
#031115
```
#031115 rgb(3,17,21)
```
#061e26
```
#061e26 rgb(6,30,38)
```
#092b37
```
#092b37 rgb(9,43,55)
```
#0c3948
```
#0c3948 rgb(12,57,72)
```
#0e4659
```
#0e4659 rgb(14,70,89)
```
#11536a
```
#11536a rgb(17,83,106)
```
#14617b
```
#14617b rgb(20,97,123)
```
#176e8b
```
#176e8b rgb(23,110,139)
```
#197b9c
```
#197b9c rgb(25,123,156)
```
#1c89ad
```
#1c89ad rgb(28,137,173)
```
#1f96be
```
#1f96be rgb(31,150,190)
```
#22a3cf
```
#22a3cf rgb(34,163,207)
```

Shade Color Variation

#28afdc
```
#28afdc rgb(40,175,220)
```
#39b5df
```
#39b5df rgb(57,181,223)
```
#4abbe1
```
#4abbe1 rgb(74,187,225)
```
#5bc2e4
```
#5bc2e4 rgb(91,194,228)
```
#6cc8e7
```
#6cc8e7 rgb(108,200,231)
```
#7dceea
```
#7dceea rgb(125,206,234)
```
#8dd5ec
```
#8dd5ec rgb(141,213,236)
```
#9edbef
```
#9edbef rgb(158,219,239)
```
#afe1f2
```
#afe1f2 rgb(175,225,242)
```
#c0e7f5
```
#c0e7f5 rgb(192,231,245)
```
#d1eef7
```
#d1eef7 rgb(209,238,247)
```
#e2f4fa
```
#e2f4fa rgb(226,244,250)
```
#f3fafd
```
#f3fafd rgb(243,250,253)
```

Tint Color Variation

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

#6c7072
```
#6c7072 rgb(108,112,114)
```
#63747a
```
#63747a rgb(99,116,122)
```
#5b7883
```
#5b7883 rgb(91,120,131)
```
#527d8b
```
#527d8b rgb(82,125,139)
```
#4a8194
```
#4a8194 rgb(74,129,148)
```
#41859c
```
#41859c rgb(65,133,156)
```
#3989a5
```
#3989a5 rgb(57,137,165)
```
#308ead
```
#308ead rgb(48,142,173)
```
#2892b6
```
#2892b6 rgb(40,146,182)
```
#1f96be
```
#1f96be rgb(31,150,190)
```
#179ac7
```
#179ac7 rgb(23,154,199)
```
#0e9ecf
```
#0e9ecf rgb(14,158,207)
```
#05a3d8
```
#05a3d8 rgb(5,163,216)
```

Tone Color Variation

Below, you can see how #1f96be 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

#777777 Achromatopsia 0.005% of the population
#657d85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#858fb9 Protanopia 1% of men
#7c8fc6 Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#5f91bb Protanomaly 1% of men, 0.01% of women
#5a91c3 Deuteranomaly 6% of men, 0.4% of women
#0b9bb1 Tritanomaly 0.01% of the population

#1f96be hex color

#1f96be Color Information

#1f96be Color Conversion

Color Schemes with #1f96be

Alternatives to #1f96be

#1f96be Preview

Shades and Tints of #1f96be

Tones of #1f96be

Color Blindness Simulator