#1f99ba hex color

In a RGB color space, hex #1f99ba is composed of 12.2% red, 60% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 83.3% cyan, 17.7% magenta, 0% yellow and 27.1% black. It has a hue angle of 192.8 degrees, a saturation of 71.4% and a lightness of 42.5%. #1f99ba color hex could be obtained by blending #3effff with #003375. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 60
- B 73
RGB color chart
- C 83
- M 18
- Y 0
- K 27
CMYK color chart

● #1f99ba color description : Strong cyan.

The hexadecimal color #1f99ba has RGB values of R:31, G:153, B:186 and CMYK values of C:0.83, M:0.18, Y:0, K:0.27. Its decimal value is 2070970.

Hex triplet	1f99ba	`#1f99ba`
RGB Decimal	31, 153, 186	`rgb(31,153,186)`
RGB Percent	12.2, 60, 72.9	`rgb(12.2%,60%,72.9%)`
CMYK	83, 18, 0, 27
HSL	192.8°, 71.4, 42.5	`hsl(192.8,71.4%,42.5%)`
HSV (or HSB)	192.8°, 83.3, 72.9
Web Safe	3399cc	`#3399cc`

CIE-LAB	58.618, -20.24, -26.153
XYZ	20.817, 26.617, 50.492
xyY	0.213, 0.272, 26.617
CIE-LCH	58.618, 33.07, 232.264
CIE-LUV	58.618, -39.742, -37.497
Hunter-Lab	51.592, -18.262, -21.912
Binary	00011111, 10011001, 10111010

#1f99ba
```
#1f99ba rgb(31,153,186)
```
#ba401f
```
#ba401f rgb(186,64,31)
```

Complementary Color

#1fba8e
```
#1fba8e rgb(31,186,142)
```
#1f99ba
```
#1f99ba rgb(31,153,186)
```
#1f4cba
```
#1f4cba rgb(31,76,186)
```

Analogous Color

#ba8e1f
```
#ba8e1f rgb(186,142,31)
```
#1f99ba
```
#1f99ba rgb(31,153,186)
```
#ba1f4c
```
#ba1f4c rgb(186,31,76)
```

Split Complementary Color

#99ba1f
```
#99ba1f rgb(153,186,31)
```
#1f99ba
```
#1f99ba rgb(31,153,186)
```
#ba1f99
```
#ba1f99 rgb(186,31,153)
```

Triadic Color

#1fba40
```
#1fba40 rgb(31,186,64)
```
#1f99ba
```
#1f99ba rgb(31,153,186)
```
#ba1f99
```
#ba1f99 rgb(186,31,153)
```
#ba401f
```
#ba401f rgb(186,64,31)
```

Tetradic Color

#146378
```
#146378 rgb(20,99,120)
```
#18758e
```
#18758e rgb(24,117,142)
```
#1b87a4
```
#1b87a4 rgb(27,135,164)
```
#1f99ba
```
#1f99ba rgb(31,153,186)
```
#23abd0
```
#23abd0 rgb(35,171,208)
```
#30b8dc
```
#30b8dc rgb(48,184,220)
```
#45bfe0
```
#45bfe0 rgb(69,191,224)
```

Monochromatic Color

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

#1fbab4
```
#1fbab4 rgb(31,186,180)
```
#1fb3ba
```
#1fb3ba rgb(31,179,186)
```
#1fa6ba
```
#1fa6ba rgb(31,166,186)
```
#1f99ba
```
#1f99ba rgb(31,153,186)
```
#1f8cba
```
#1f8cba rgb(31,140,186)
```
#1f7fba
```
#1f7fba rgb(31,127,186)
```
#1f72ba
```
#1f72ba rgb(31,114,186)
```

Similar Colors

Text with hexadecimal color #1f99ba

This text has a font color of #1f99ba.

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

#1f99ba background color

This paragraph has a background color of #1f99ba.

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

#1f99ba border color

This element has a border color of #1f99ba.

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

CSS codes

.text {color:#1f99ba;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#030f12
```
#030f12 rgb(3,15,18)
```
#061d23
```
#061d23 rgb(6,29,35)
```
#092a33
```
#092a33 rgb(9,42,51)
```
#0b3844
```
#0b3844 rgb(11,56,68)
```
#0e4655
```
#0e4655 rgb(14,70,85)
```
#115466
```
#115466 rgb(17,84,102)
```
#146277
```
#146277 rgb(20,98,119)
```
#177088
```
#177088 rgb(23,112,136)
```
#197d98
```
#197d98 rgb(25,125,152)
```
#1c8ba9
```
#1c8ba9 rgb(28,139,169)
```
#1f99ba
```
#1f99ba rgb(31,153,186)
```
#22a7cb
```
#22a7cb rgb(34,167,203)
```

Shade Color Variation

#25b4db
```
#25b4db rgb(37,180,219)
```
#36bade
```
#36bade rgb(54,186,222)
```
#47c0e0
```
#47c0e0 rgb(71,192,224)
```
#58c6e3
```
#58c6e3 rgb(88,198,227)
```
#69cbe6
```
#69cbe6 rgb(105,203,230)
```
#7ad1e9
```
#7ad1e9 rgb(122,209,233)
```
#8ad7ec
```
#8ad7ec rgb(138,215,236)
```
#9bddee
```
#9bddee rgb(155,221,238)
```
#ace2f1
```
#ace2f1 rgb(172,226,241)
```
#bde8f4
```
#bde8f4 rgb(189,232,244)
```
#ceeef7
```
#ceeef7 rgb(206,238,247)
```
#def4fa
```
#def4fa rgb(222,244,250)
```
#effafc
```
#effafc rgb(239,250,252)
```

Tint Color Variation

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

#6a6e6f
```
#6a6e6f rgb(106,110,111)
```
#627377
```
#627377 rgb(98,115,119)
```
#597780
```
#597780 rgb(89,119,128)
```
#517c88
```
#517c88 rgb(81,124,136)
```
#498190
```
#498190 rgb(73,129,144)
```
#408699
```
#408699 rgb(64,134,153)
```
#388ba1
```
#388ba1 rgb(56,139,161)
```
#308fa9
```
#308fa9 rgb(48,143,169)
```
#2794b2
```
#2794b2 rgb(39,148,178)
```
#1f99ba
```
#1f99ba rgb(31,153,186)
```
#179ec2
```
#179ec2 rgb(23,158,194)
```
#0ea3cb
```
#0ea3cb rgb(14,163,203)
```
#06a7d3
```
#06a7d3 rgb(6,167,211)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#667f85 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8991b5 Protanopia 1% of men
#8391c2 Deuteranopia 1% of men
#00a1ac Tritanopia 0.001% of the population

Trichromacy

#6294b6 Protanomaly 1% of men, 0.01% of women
#5e94bf Deuteranomaly 6% of men, 0.4% of women
#0b9eb1 Tritanomaly 0.01% of the population

#1f99ba hex color

#1f99ba Color Information

#1f99ba Color Conversion

Color Schemes with #1f99ba

Alternatives to #1f99ba

#1f99ba Preview

Shades and Tints of #1f99ba

Tones of #1f99ba

Color Blindness Simulator