colorhexa.com

#1f89ac hex color

In a RGB color space, hex #1f89ac is composed of 12.2% red, 53.7% green and 67.5% blue. Whereas in a CMYK color space, it is composed of 82% cyan, 20.3% magenta, 0% yellow and 32.5% black. It has a hue angle of 194.9 degrees, a saturation of 69.5% and a lightness of 39.8%. #1f89ac color hex could be obtained by blending #3effff with #001359. Closest websafe color is: #339999.

- R 12
- G 54
- B 67
RGB color chart
- C 82
- M 20
- Y 0
- K 33
CMYK color chart

● #1f89ac color description : Dark cyan.

The hexadecimal color #1f89ac has RGB values of R:31, G:137, B:172 and CMYK values of C:0.82, M:0.2, Y:0, K:0.33. Its decimal value is 2066860.

Hex triplet	1f89ac	`#1f89ac`
RGB Decimal	31, 137, 172	`rgb(31,137,172)`
RGB Percent	12.2, 53.7, 67.5	`rgb(12.2%,53.7%,67.5%)`
CMYK	82, 20, 0, 33
HSL	194.9°, 69.5, 39.8	`hsl(194.9,69.5%,39.8%)`
HSV (or HSB)	194.9°, 82, 67.5
Web Safe	339999	`#339999`

CIE-LAB	53.124, -16.482, -26.661
XYZ	16.955, 21.16, 42.218
xyY	0.211, 0.263, 21.16
CIE-LCH	53.124, 31.344, 238.275
CIE-LUV	53.124, -35.031, -38.153
Hunter-Lab	46, -14.705, -22.216
Binary	00011111, 10001001, 10101100

#1f89ac
```
#1f89ac rgb(31,137,172)
```
#ac421f
```
#ac421f rgb(172,66,31)
```

Complementary Color

#1fac89
```
#1fac89 rgb(31,172,137)
```
#1f89ac
```
#1f89ac rgb(31,137,172)
```
#1f43ac
```
#1f43ac rgb(31,67,172)
```

Analogous Color

#ac891f
```
#ac891f rgb(172,137,31)
```
#1f89ac
```
#1f89ac rgb(31,137,172)
```
#ac1f43
```
#ac1f43 rgb(172,31,67)
```

Split Complementary Color

#89ac1f
```
#89ac1f rgb(137,172,31)
```
#1f89ac
```
#1f89ac rgb(31,137,172)
```
#ac1f89
```
#ac1f89 rgb(172,31,137)
```

Triadic Color

#1fac42
```
#1fac42 rgb(31,172,66)
```
#1f89ac
```
#1f89ac rgb(31,137,172)
```
#ac1f89
```
#ac1f89 rgb(172,31,137)
```
#ac421f
```
#ac421f rgb(172,66,31)
```

Tetradic Color

#13556b
```
#13556b rgb(19,85,107)
```
#176781
```
#176781 rgb(23,103,129)
```
#1b7896
```
#1b7896 rgb(27,120,150)
```
#1f89ac
```
#1f89ac rgb(31,137,172)
```
#239ac2
```
#239ac2 rgb(35,154,194)
```
#27abd7
```
#27abd7 rgb(39,171,215)
```
#3cb4dc
```
#3cb4dc rgb(60,180,220)
```

Monochromatic Color

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

#1facac
```
#1facac rgb(31,172,172)
```
#1fa1ac
```
#1fa1ac rgb(31,161,172)
```
#1f95ac
```
#1f95ac rgb(31,149,172)
```
#1f89ac
```
#1f89ac rgb(31,137,172)
```
#1f7dac
```
#1f7dac rgb(31,125,172)
```
#1f72ac
```
#1f72ac rgb(31,114,172)
```
#1f66ac
```
#1f66ac rgb(31,102,172)
```

Similar Colors

Text with hexadecimal color #1f89ac

This text has a font color of #1f89ac.

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

#1f89ac background color

This paragraph has a background color of #1f89ac.

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

#1f89ac border color

This element has a border color of #1f89ac.

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

CSS codes

.text {color:#1f89ac;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#041216
```
#041216 rgb(4,18,22)
```
#071f27
```
#071f27 rgb(7,31,39)
```
#0a2c38
```
#0a2c38 rgb(10,44,56)
```
#0d3a48
```
#0d3a48 rgb(13,58,72)
```
#104759
```
#104759 rgb(16,71,89)
```
#13546a
```
#13546a rgb(19,84,106)
```
#16617a
```
#16617a rgb(22,97,122)
```
#196f8b
```
#196f8b rgb(25,111,139)
```
#1c7c9b
```
#1c7c9b rgb(28,124,155)
```
#1f89ac
```
#1f89ac rgb(31,137,172)
```
#2296bd
```
#2296bd rgb(34,150,189)
```
#25a3cd
```
#25a3cd rgb(37,163,205)
```

Shade Color Variation

#2daed9
```
#2daed9 rgb(45,174,217)
```
#3db5dc
```
#3db5dc rgb(61,181,220)
```
#4ebbdf
```
#4ebbdf rgb(78,187,223)
```
#5fc1e2
```
#5fc1e2 rgb(95,193,226)
```
#6fc8e5
```
#6fc8e5 rgb(111,200,229)
```
#80cee8
```
#80cee8 rgb(128,206,232)
```
#90d5eb
```
#90d5eb rgb(144,213,235)
```
#a1dbee
```
#a1dbee rgb(161,219,238)
```
#b2e1f1
```
#b2e1f1 rgb(178,225,241)
```
#c2e8f4
```
#c2e8f4 rgb(194,232,244)
```
#d3eef7
```
#d3eef7 rgb(211,238,247)
```
#e4f4fa
```
#e4f4fa rgb(228,244,250)
```
#f4fbfd
```
#f4fbfd rgb(244,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #656666 is the less saturated color, while #0895c3 is the most saturated one.

#656666
```
#656666 rgb(101,102,102)
```
#5d6a6e
```
#5d6a6e rgb(93,106,110)
```
#566d75
```
#566d75 rgb(86,109,117)
```
#4e717d
```
#4e717d rgb(78,113,125)
```
#467585
```
#467585 rgb(70,117,133)
```
#3e798d
```
#3e798d rgb(62,121,141)
```
#367d95
```
#367d95 rgb(54,125,149)
```
#2f819c
```
#2f819c rgb(47,129,156)
```
#2785a4
```
#2785a4 rgb(39,133,164)
```
#1f89ac
```
#1f89ac rgb(31,137,172)
```
#178db4
```
#178db4 rgb(23,141,180)
```
#0f91bc
```
#0f91bc rgb(15,145,188)
```
#0895c3
```
#0895c3 rgb(8,149,195)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#5d737a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b84a8 Protanopia 1% of men
#7484b4 Deuteranopia 1% of men
#00929d Tritanopia 0.001% of the population

Trichromacy

#5985aa Protanomaly 1% of men, 0.01% of women
#5585b1 Deuteranomaly 6% of men, 0.4% of women
#0b8fa2 Tritanomaly 0.01% of the population