colorhexa.com

#1f9aa4 hex color

In a RGB color space, hex #1f9aa4 is composed of 12.2% red, 60.4% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 81.1% cyan, 6.1% magenta, 0% yellow and 35.7% black. It has a hue angle of 184.5 degrees, a saturation of 68.2% and a lightness of 38.2%. #1f9aa4 color hex could be obtained by blending #3effff with #003549. Closest websafe color is: #339999.

- R 12
- G 60
- B 64
RGB color chart
- C 81
- M 6
- Y 0
- K 36
CMYK color chart

● #1f9aa4 color description : Dark cyan.

The hexadecimal color #1f9aa4 has RGB values of R:31, G:154, B:164 and CMYK values of C:0.81, M:0.06, Y:0, K:0.36. Its decimal value is 2071204.

Hex triplet	1f9aa4	`#1f9aa4`
RGB Decimal	31, 154, 164	`rgb(31,154,164)`
RGB Percent	12.2, 60.4, 64.3	`rgb(12.2%,60.4%,64.3%)`
CMYK	81, 6, 0, 36
HSL	184.5°, 68.2, 38.2	`hsl(184.5,68.2%,38.2%)`
HSV (or HSB)	184.5°, 81.1, 64.3
Web Safe	339999	`#339999`

CIE-LAB	58.114, -28.031, -14.45
XYZ	18.82, 26.081, 39.162
xyY	0.224, 0.31, 26.081
CIE-LCH	58.114, 31.537, 207.271
CIE-LUV	58.114, -41.656, -17.656
Hunter-Lab	51.07, -23.593, -9.717
Binary	00011111, 10011010, 10100100

#1f9aa4
```
#1f9aa4 rgb(31,154,164)
```
#a4291f
```
#a4291f rgb(164,41,31)
```

Complementary Color

#1fa46c
```
#1fa46c rgb(31,164,108)
```
#1f9aa4
```
#1f9aa4 rgb(31,154,164)
```
#1f58a4
```
#1f58a4 rgb(31,88,164)
```

Analogous Color

#a46c1f
```
#a46c1f rgb(164,108,31)
```
#1f9aa4
```
#1f9aa4 rgb(31,154,164)
```
#a41f58
```
#a41f58 rgb(164,31,88)
```

Split Complementary Color

#9aa41f
```
#9aa41f rgb(154,164,31)
```
#1f9aa4
```
#1f9aa4 rgb(31,154,164)
```
#a41f9a
```
#a41f9a rgb(164,31,154)
```

Triadic Color

#1fa429
```
#1fa429 rgb(31,164,41)
```
#1f9aa4
```
#1f9aa4 rgb(31,154,164)
```
#a41f9a
```
#a41f9a rgb(164,31,154)
```
#a4291f
```
#a4291f rgb(164,41,31)
```

Tetradic Color

#135e64
```
#135e64 rgb(19,94,100)
```
#177279
```
#177279 rgb(23,114,121)
```
#1b868f
```
#1b868f rgb(27,134,143)
```
#1f9aa4
```
#1f9aa4 rgb(31,154,164)
```
#23aeb9
```
#23aeb9 rgb(35,174,185)
```
#27c2cf
```
#27c2cf rgb(39,194,207)
```
#36cdd9
```
#36cdd9 rgb(54,205,217)
```

Monochromatic Color

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

#1fa48d
```
#1fa48d rgb(31,164,141)
```
#1fa498
```
#1fa498 rgb(31,164,152)
```
#1fa4a3
```
#1fa4a3 rgb(31,164,163)
```
#1f9aa4
```
#1f9aa4 rgb(31,154,164)
```
#1f8fa4
```
#1f8fa4 rgb(31,143,164)
```
#1f84a4
```
#1f84a4 rgb(31,132,164)
```
#1f79a4
```
#1f79a4 rgb(31,121,164)
```

Similar Colors

Text with hexadecimal color #1f9aa4

This text has a font color of #1f9aa4.

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

#1f9aa4 background color

This paragraph has a background color of #1f9aa4.

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

#1f9aa4 border color

This element has a border color of #1f9aa4.

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

CSS codes

.text {color:#1f9aa4;}

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

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

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

#030f10
```
#030f10 rgb(3,15,16)
```
#061e20
```
#061e20 rgb(6,30,32)
```
#092e31
```
#092e31 rgb(9,46,49)
```
#0c3d41
```
#0c3d41 rgb(12,61,65)
```
#0f4d52
```
#0f4d52 rgb(15,77,82)
```
#135c62
```
#135c62 rgb(19,92,98)
```
#166c73
```
#166c73 rgb(22,108,115)
```
#197b83
```
#197b83 rgb(25,123,131)
```
#1c8b94
```
#1c8b94 rgb(28,139,148)
```
#1f9aa4
```
#1f9aa4 rgb(31,154,164)
```
#22a9b4
```
#22a9b4 rgb(34,169,180)
```
#25b9c5
```
#25b9c5 rgb(37,185,197)
```
#28c8d5
```
#28c8d5 rgb(40,200,213)
```

Shade Color Variation

#38cdd9
```
#38cdd9 rgb(56,205,217)
```
#49d1dd
```
#49d1dd rgb(73,209,221)
```
#59d6e0
```
#59d6e0 rgb(89,214,224)
```
#6adae3
```
#6adae3 rgb(106,218,227)
```
#7adee6
```
#7adee6 rgb(122,222,230)
```
#8be2e9
```
#8be2e9 rgb(139,226,233)
```
#9be6ec
```
#9be6ec rgb(155,230,236)
```
#aceaef
```
#aceaef rgb(172,234,239)
```
#bceef2
```
#bceef2 rgb(188,238,242)
```
#cdf2f5
```
#cdf2f5 rgb(205,242,245)
```
#ddf7f9
```
#ddf7f9 rgb(221,247,249)
```
#eefbfc
```
#eefbfc rgb(238,251,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5b6768 is the less saturated color, while #01b3c2 is the most saturated one.

#5b6768
```
#5b6768 rgb(91,103,104)
```
#546d70
```
#546d70 rgb(84,109,112)
```
#4c7477
```
#4c7477 rgb(76,116,119)
```
#457a7f
```
#457a7f rgb(69,122,127)
```
#3d8186
```
#3d8186 rgb(61,129,134)
```
#36878e
```
#36878e rgb(54,135,142)
```
#2e8d95
```
#2e8d95 rgb(46,141,149)
```
#27949d
```
#27949d rgb(39,148,157)
```
#1f9aa4
```
#1f9aa4 rgb(31,154,164)
```
#18a0ac
```
#18a0ac rgb(24,160,172)
```
#10a7b3
```
#10a7b3 rgb(16,167,179)
```
#09adbb
```
#09adbb rgb(9,173,187)
```
#01b3c2
```
#01b3c2 rgb(1,179,194)
```

Tone Color Variation

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

Dichromacy

#8f90a0 Protanopia 1% of men
#8f8eae Deuteranopia 1% of men
#2c9eaa Tritanopia 0.001% of the population

Trichromacy

#6694a1 Protanomaly 1% of men, 0.01% of women
#6692aa Deuteranomaly 6% of men, 0.4% of women
#279da8 Tritanomaly 0.01% of the population