#1f95a2 hex color

In a RGB color space, hex #1f95a2 is composed of 12.2% red, 58.4% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 80.9% cyan, 8% magenta, 0% yellow and 36.5% black. It has a hue angle of 186 degrees, a saturation of 67.9% and a lightness of 37.8%. #1f95a2 color hex could be obtained by blending #3effff with #002b45. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 12
- G 58
- B 64
RGB color chart
- C 81
- M 8
- Y 0
- K 36
CMYK color chart

● #1f95a2 color description : Dark cyan.

The hexadecimal color #1f95a2 has RGB values of R:31, G:149, B:162 and CMYK values of C:0.81, M:0.08, Y:0, K:0.36. Its decimal value is 2069922.

Hex triplet	1f95a2	`#1f95a2`
RGB Decimal	31, 149, 162	`rgb(31,149,162)`
RGB Percent	12.2, 58.4, 63.5	`rgb(12.2%,58.4%,63.5%)`
CMYK	81, 8, 0, 36
HSL	186°, 67.9, 37.8	`hsl(186,67.9%,37.8%)`
HSV (or HSB)	186°, 80.9, 63.5
Web Safe	339999	`#339999`

CIE-LAB	56.479, -26.174, -15.784
XYZ	17.832, 24.393, 37.949
xyY	0.222, 0.304, 24.393
CIE-LCH	56.479, 30.565, 211.092
CIE-LUV	56.479, -40.006, -19.913
Hunter-Lab	49.389, -21.983, -10.984
Binary	00011111, 10010101, 10100010

#1f95a2
```
#1f95a2 rgb(31,149,162)
```
#a22c1f
```
#a22c1f rgb(162,44,31)
```

Complementary Color

#1fa26e
```
#1fa26e rgb(31,162,110)
```
#1f95a2
```
#1f95a2 rgb(31,149,162)
```
#1f54a2
```
#1f54a2 rgb(31,84,162)
```

Analogous Color

#a26e1f
```
#a26e1f rgb(162,110,31)
```
#1f95a2
```
#1f95a2 rgb(31,149,162)
```
#a21f54
```
#a21f54 rgb(162,31,84)
```

Split Complementary Color

#95a21f
```
#95a21f rgb(149,162,31)
```
#1f95a2
```
#1f95a2 rgb(31,149,162)
```
#a21f95
```
#a21f95 rgb(162,31,149)
```

Triadic Color

#1fa22c
```
#1fa22c rgb(31,162,44)
```
#1f95a2
```
#1f95a2 rgb(31,149,162)
```
#a21f95
```
#a21f95 rgb(162,31,149)
```
#a22c1f
```
#a22c1f rgb(162,44,31)
```

Tetradic Color

#135a62
```
#135a62 rgb(19,90,98)
```
#176e77
```
#176e77 rgb(23,110,119)
```
#1b818d
```
#1b818d rgb(27,129,141)
```
#1f95a2
```
#1f95a2 rgb(31,149,162)
```
#23a9b7
```
#23a9b7 rgb(35,169,183)
```
#27bccd
```
#27bccd rgb(39,188,205)
```
#35c8d8
```
#35c8d8 rgb(53,200,216)
```

Monochromatic Color

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

#1fa28e
```
#1fa28e rgb(31,162,142)
```
#1fa299
```
#1fa299 rgb(31,162,153)
```
#1fa0a2
```
#1fa0a2 rgb(31,160,162)
```
#1f95a2
```
#1f95a2 rgb(31,149,162)
```
#1f8aa2
```
#1f8aa2 rgb(31,138,162)
```
#1f7fa2
```
#1f7fa2 rgb(31,127,162)
```
#1f74a2
```
#1f74a2 rgb(31,116,162)
```

Similar Colors

Text with hexadecimal color #1f95a2

This text has a font color of #1f95a2.

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

#1f95a2 background color

This paragraph has a background color of #1f95a2.

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

#1f95a2 border color

This element has a border color of #1f95a2.

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

CSS codes

.text {color:#1f95a2;}

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

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

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

#030d0e
```
#030d0e rgb(3,13,14)
```
#061c1e
```
#061c1e rgb(6,28,30)
```
#092b2f
```
#092b2f rgb(9,43,47)
```
#0c3a3f
```
#0c3a3f rgb(12,58,63)
```
#0f4950
```
#0f4950 rgb(15,73,80)
```
#125860
```
#125860 rgb(18,88,96)
```
#166871
```
#166871 rgb(22,104,113)
```
#197781
```
#197781 rgb(25,119,129)
```
#1c8692
```
#1c8692 rgb(28,134,146)
```
#1f95a2
```
#1f95a2 rgb(31,149,162)
```
#22a4b2
```
#22a4b2 rgb(34,164,178)
```
#25b3c3
```
#25b3c3 rgb(37,179,195)
```
#28c2d3
```
#28c2d3 rgb(40,194,211)
```

Shade Color Variation

#37c9d9
```
#37c9d9 rgb(55,201,217)
```
#47cddc
```
#47cddc rgb(71,205,220)
```
#58d2df
```
#58d2df rgb(88,210,223)
```
#68d6e2
```
#68d6e2 rgb(104,214,226)
```
#79dbe5
```
#79dbe5 rgb(121,219,229)
```
#89dfe8
```
#89dfe8 rgb(137,223,232)
```
#9ae3ec
```
#9ae3ec rgb(154,227,236)
```
#aae8ef
```
#aae8ef rgb(170,232,239)
```
#baecf2
```
#baecf2 rgb(186,236,242)
```
#cbf1f5
```
#cbf1f5 rgb(203,241,245)
```
#dbf5f8
```
#dbf5f8 rgb(219,245,248)
```
#ecfafb
```
#ecfafb rgb(236,250,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#5a6567
```
#5a6567 rgb(90,101,103)
```
#536b6e
```
#536b6e rgb(83,107,110)
```
#4c7175
```
#4c7175 rgb(76,113,117)
```
#44777d
```
#44777d rgb(68,119,125)
```
#3d7d84
```
#3d7d84 rgb(61,125,132)
```
#35838c
```
#35838c rgb(53,131,140)
```
#2e8993
```
#2e8993 rgb(46,137,147)
```
#268f9b
```
#268f9b rgb(38,143,155)
```
#1f95a2
```
#1f95a2 rgb(31,149,162)
```
#189ba9
```
#189ba9 rgb(24,155,169)
```
#10a1b1
```
#10a1b1 rgb(16,161,177)
```
#09a7b8
```
#09a7b8 rgb(9,167,184)
```
#01adc0
```
#01adc0 rgb(1,173,192)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#627a7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a8c9e Protanopia 1% of men
#8a8bac Deuteranopia 1% of men
#299aa6 Tritanopia 0.001% of the population

Trichromacy

#638f9f Protanomaly 1% of men, 0.01% of women
#638ea8 Deuteranomaly 6% of men, 0.4% of women
#2598a4 Tritanomaly 0.01% of the population

#1f95a2 hex color

#1f95a2 Color Information

#1f95a2 Color Conversion

Color Schemes with #1f95a2

Alternatives to #1f95a2

#1f95a2 Preview

Shades and Tints of #1f95a2

Tones of #1f95a2

Color Blindness Simulator