#1fa5ce hex color

In a RGB color space, hex #1fa5ce is composed of 12.2% red, 64.7% green and 80.8% blue. Whereas in a CMYK color space, it is composed of 85% cyan, 19.9% magenta, 0% yellow and 19.2% black. It has a hue angle of 194.1 degrees, a saturation of 73.8% and a lightness of 46.5%. #1fa5ce color hex could be obtained by blending #3effff with #004b9d. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 65
- B 81
RGB color chart
- C 85
- M 20
- Y 0
- K 19
CMYK color chart

● #1fa5ce color description : Strong cyan.

The hexadecimal color #1fa5ce has RGB values of R:31, G:165, B:206 and CMYK values of C:0.85, M:0.2, Y:0, K:0.19. Its decimal value is 2074062.

Hex triplet	1fa5ce	`#1fa5ce`
RGB Decimal	31, 165, 206	`rgb(31,165,206)`
RGB Percent	12.2, 64.7, 80.8	`rgb(12.2%,64.7%,80.8%)`
CMYK	85, 20, 0, 19
HSL	194.1°, 73.8, 46.5	`hsl(194.1,73.8%,46.5%)`
HSV (or HSB)	194.1°, 85, 80.8
Web Safe	3399cc	`#3399cc`

CIE-LAB	63.057, -19.731, -30.504
XYZ	25.158, 31.655, 63.173
xyY	0.21, 0.264, 31.655
CIE-LCH	63.057, 36.33, 237.104
CIE-LUV	63.057, -42.539, -45.205
Hunter-Lab	56.263, -18.645, -27.188
Binary	00011111, 10100101, 11001110

#1fa5ce
```
#1fa5ce rgb(31,165,206)
```
#ce481f
```
#ce481f rgb(206,72,31)
```

Complementary Color

#1fcea0
```
#1fcea0 rgb(31,206,160)
```
#1fa5ce
```
#1fa5ce rgb(31,165,206)
```
#1f4dce
```
#1f4dce rgb(31,77,206)
```

Analogous Color

#cea01f
```
#cea01f rgb(206,160,31)
```
#1fa5ce
```
#1fa5ce rgb(31,165,206)
```
#ce1f4d
```
#ce1f4d rgb(206,31,77)
```

Split Complementary Color

#a5ce1f
```
#a5ce1f rgb(165,206,31)
```
#1fa5ce
```
#1fa5ce rgb(31,165,206)
```
#ce1fa5
```
#ce1fa5 rgb(206,31,165)
```

Triadic Color

#1fce48
```
#1fce48 rgb(31,206,72)
```
#1fa5ce
```
#1fa5ce rgb(31,165,206)
```
#ce1fa5
```
#ce1fa5 rgb(206,31,165)
```
#ce481f
```
#ce481f rgb(206,72,31)
```

Tetradic Color

#15708c
```
#15708c rgb(21,112,140)
```
#1881a2
```
#1881a2 rgb(24,129,162)
```
#1c93b8
```
#1c93b8 rgb(28,147,184)
```
#1fa5ce
```
#1fa5ce rgb(31,165,206)
```
#28b4df
```
#28b4df rgb(40,180,223)
```
#3ebce2
```
#3ebce2 rgb(62,188,226)
```
#54c3e5
```
#54c3e5 rgb(84,195,229)
```

Monochromatic Color

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

#1fcecb
```
#1fcecb rgb(31,206,203)
```
#1fc2ce
```
#1fc2ce rgb(31,194,206)
```
#1fb4ce
```
#1fb4ce rgb(31,180,206)
```
#1fa5ce
```
#1fa5ce rgb(31,165,206)
```
#1f96ce
```
#1f96ce rgb(31,150,206)
```
#1f88ce
```
#1f88ce rgb(31,136,206)
```
#1f79ce
```
#1f79ce rgb(31,121,206)
```

Similar Colors

Text with hexadecimal color #1fa5ce

This text has a font color of #1fa5ce.

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

#1fa5ce background color

This paragraph has a background color of #1fa5ce.

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

#1fa5ce border color

This element has a border color of #1fa5ce.

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

CSS codes

.text {color:#1fa5ce;}

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

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

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 #effafd is the lightest one.

#000101
```
#000101 rgb(0,1,1)
```
#030f12
```
#030f12 rgb(3,15,18)
```
#051c24
```
#051c24 rgb(5,28,36)
```
#082a35
```
#082a35 rgb(8,42,53)
```
#0a3846
```
#0a3846 rgb(10,56,70)
```
#0d4557
```
#0d4557 rgb(13,69,87)
```
#105368
```
#105368 rgb(16,83,104)
```
#126179
```
#126179 rgb(18,97,121)
```
#156e8a
```
#156e8a rgb(21,110,138)
```
#177c9b
```
#177c9b rgb(23,124,155)
```
#1a8aac
```
#1a8aac rgb(26,138,172)
```
#1c97bd
```
#1c97bd rgb(28,151,189)
```
#1fa5ce
```
#1fa5ce rgb(31,165,206)
```

Shade Color Variation

#23b2de
```
#23b2de rgb(35,178,222)
```
#34b8e0
```
#34b8e0 rgb(52,184,224)
```
#45bee3
```
#45bee3 rgb(69,190,227)
```
#56c4e6
```
#56c4e6 rgb(86,196,230)
```
#67cae8
```
#67cae8 rgb(103,202,232)
```
#78d0eb
```
#78d0eb rgb(120,208,235)
```
#89d6ed
```
#89d6ed rgb(137,214,237)
```
#9adcf0
```
#9adcf0 rgb(154,220,240)
```
#abe2f2
```
#abe2f2 rgb(171,226,242)
```
#bce8f5
```
#bce8f5 rgb(188,232,245)
```
#cdeef8
```
#cdeef8 rgb(205,238,248)
```
#def4fa
```
#def4fa rgb(222,244,250)
```
#effafd
```
#effafd rgb(239,250,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #71797c is the less saturated color, while #04b4e9 is the most saturated one.

#71797c
```
#71797c rgb(113,121,124)
```
#687e85
```
#687e85 rgb(104,126,133)
```
#5f838e
```
#5f838e rgb(95,131,142)
```
#568897
```
#568897 rgb(86,136,151)
```
#4d8da0
```
#4d8da0 rgb(77,141,160)
```
#4392aa
```
#4392aa rgb(67,146,170)
```
#3a96b3
```
#3a96b3 rgb(58,150,179)
```
#319bbc
```
#319bbc rgb(49,155,188)
```
#28a0c5
```
#28a0c5 rgb(40,160,197)
```
#1fa5ce
```
#1fa5ce rgb(31,165,206)
```
#16aad7
```
#16aad7 rgb(22,170,215)
```
#0dafe0
```
#0dafe0 rgb(13,175,224)
```
#04b4e9
```
#04b4e9 rgb(4,180,233)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#6e8991 Atypical Achromatopsia 0.001% of the population

Dichromacy

#919cc7 Protanopia 1% of men
#899cd5 Deuteranopia 1% of men
#00adb9 Tritanopia 0.001% of the population

Trichromacy

#689fc9 Protanomaly 1% of men, 0.01% of women
#629fd3 Deuteranomaly 6% of men, 0.4% of women
#0baac1 Tritanomaly 0.01% of the population

#1fa5ce hex color

#1fa5ce Color Information

#1fa5ce Color Conversion

Color Schemes with #1fa5ce

Alternatives to #1fa5ce

#1fa5ce Preview

Shades and Tints of #1fa5ce

Tones of #1fa5ce

Color Blindness Simulator