#1f97af hex color

In a RGB color space, hex #1f97af is composed of 12.2% red, 59.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 82.3% cyan, 13.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 190 degrees, a saturation of 69.9% and a lightness of 40.4%. #1f97af color hex could be obtained by blending #3effff with #002f5f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 59
- B 69
RGB color chart
- C 82
- M 14
- Y 0
- K 31
CMYK color chart

● #1f97af color description : Dark cyan.

The hexadecimal color #1f97af has RGB values of R:31, G:151, B:175 and CMYK values of C:0.82, M:0.14, Y:0, K:0.31. Its decimal value is 2070447.

Hex triplet	1f97af	`#1f97af`
RGB Decimal	31, 151, 175	`rgb(31,151,175)`
RGB Percent	12.2, 59.2, 68.6	`rgb(12.2%,59.2%,68.6%)`
CMYK	82, 14, 0, 31
HSL	190°, 69.9, 40.4	`hsl(190,69.9%,40.4%)`
HSV (or HSB)	190°, 82.3, 68.6
Web Safe	339999	`#339999`

CIE-LAB	57.577, -22.914, -21.521
XYZ	19.367, 25.518, 44.46
xyY	0.217, 0.286, 25.518
CIE-LCH	57.577, 31.436, 223.204
CIE-LUV	57.577, -39.802, -29.548
Hunter-Lab	50.515, -19.965, -16.822
Binary	00011111, 10010111, 10101111

#1f97af
```
#1f97af rgb(31,151,175)
```
#af371f
```
#af371f rgb(175,55,31)
```

Complementary Color

#1faf7f
```
#1faf7f rgb(31,175,127)
```
#1f97af
```
#1f97af rgb(31,151,175)
```
#1f4faf
```
#1f4faf rgb(31,79,175)
```

Analogous Color

#af7f1f
```
#af7f1f rgb(175,127,31)
```
#1f97af
```
#1f97af rgb(31,151,175)
```
#af1f4f
```
#af1f4f rgb(175,31,79)
```

Split Complementary Color

#97af1f
```
#97af1f rgb(151,175,31)
```
#1f97af
```
#1f97af rgb(31,151,175)
```
#af1f97
```
#af1f97 rgb(175,31,151)
```

Triadic Color

#1faf37
```
#1faf37 rgb(31,175,55)
```
#1f97af
```
#1f97af rgb(31,151,175)
```
#af1f97
```
#af1f97 rgb(175,31,151)
```
#af371f
```
#af371f rgb(175,55,31)
```

Tetradic Color

#135f6e
```
#135f6e rgb(19,95,110)
```
#177284
```
#177284 rgb(23,114,132)
```
#1b8499
```
#1b8499 rgb(27,132,153)
```
#1f97af
```
#1f97af rgb(31,151,175)
```
#23aac5
```
#23aac5 rgb(35,170,197)
```
#28bbd9
```
#28bbd9 rgb(40,187,217)
```
#3ec2dd
```
#3ec2dd rgb(62,194,221)
```

Monochromatic Color

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

#1fafa3
```
#1fafa3 rgb(31,175,163)
```
#1fafaf
```
#1fafaf rgb(31,175,175)
```
#1fa3af
```
#1fa3af rgb(31,163,175)
```
#1f97af
```
#1f97af rgb(31,151,175)
```
#1f8baf
```
#1f8baf rgb(31,139,175)
```
#1f7faf
```
#1f7faf rgb(31,127,175)
```
#1f73af
```
#1f73af rgb(31,115,175)
```

Similar Colors

Text with hexadecimal color #1f97af

This text has a font color of #1f97af.

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

#1f97af background color

This paragraph has a background color of #1f97af.

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

#1f97af border color

This element has a border color of #1f97af.

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

CSS codes

.text {color:#1f97af;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#041619
```
#041619 rgb(4,22,25)
```
#07242a
```
#07242a rgb(7,36,42)
```
#0a323a
```
#0a323a rgb(10,50,58)
```
#0d414b
```
#0d414b rgb(13,65,75)
```
#104f5c
```
#104f5c rgb(16,79,92)
```
#135d6c
```
#135d6c rgb(19,93,108)
```
#166c7d
```
#166c7d rgb(22,108,125)
```
#197a8e
```
#197a8e rgb(25,122,142)
```
#1c899e
```
#1c899e rgb(28,137,158)
```
#1f97af
```
#1f97af rgb(31,151,175)
```
#22a5c0
```
#22a5c0 rgb(34,165,192)
```
#25b4d0
```
#25b4d0 rgb(37,180,208)
```

Shade Color Variation

#2fbeda
```
#2fbeda rgb(47,190,218)
```
#3fc3dd
```
#3fc3dd rgb(63,195,221)
```
#50c8e0
```
#50c8e0 rgb(80,200,224)
```
#61cde3
```
#61cde3 rgb(97,205,227)
```
#71d2e6
```
#71d2e6 rgb(113,210,230)
```
#82d8e9
```
#82d8e9 rgb(130,216,233)
```
#93ddec
```
#93ddec rgb(147,221,236)
```
#a3e2ef
```
#a3e2ef rgb(163,226,239)
```
#b4e7f2
```
#b4e7f2 rgb(180,231,242)
```
#c5edf5
```
#c5edf5 rgb(197,237,245)
```
#d5f2f8
```
#d5f2f8 rgb(213,242,248)
```
#e6f7fb
```
#e6f7fb rgb(230,247,251)
```
#f7fcfe
```
#f7fcfe rgb(247,252,254)
```

Tint Color Variation

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

#666768
```
#666768 rgb(102,103,104)
```
#5e6d70
```
#5e6d70 rgb(94,109,112)
```
#567278
```
#567278 rgb(86,114,120)
```
#4f777f
```
#4f777f rgb(79,119,127)
```
#477d87
```
#477d87 rgb(71,125,135)
```
#3f828f
```
#3f828f rgb(63,130,143)
```
#378797
```
#378797 rgb(55,135,151)
```
#2f8c9f
```
#2f8c9f rgb(47,140,159)
```
#2792a7
```
#2792a7 rgb(39,146,167)
```
#1f97af
```
#1f97af rgb(31,151,175)
```
#179cb7
```
#179cb7 rgb(23,156,183)
```
#0fa2bf
```
#0fa2bf rgb(15,162,191)
```
#07a7c7
```
#07a7c7 rgb(7,167,199)
```

Tone Color Variation

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

Dichromacy

#8a8faa Protanopia 1% of men
#868eb8 Deuteranopia 1% of men
#1a9ea9 Tritanopia 0.001% of the population

Trichromacy

#6391ac Protanomaly 1% of men, 0.01% of women
#6091b5 Deuteranomaly 6% of men, 0.4% of women
#1c9bab Tritanomaly 0.01% of the population

#1f97af hex color

#1f97af Color Information

#1f97af Color Conversion

Color Schemes with #1f97af

Alternatives to #1f97af

#1f97af Preview

Shades and Tints of #1f97af

Tones of #1f97af

Color Blindness Simulator