#1fafdf hex color

In a RGB color space, hex #1fafdf is composed of 12.2% red, 68.6% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 86.1% cyan, 21.5% magenta, 0% yellow and 12.5% black. It has a hue angle of 195 degrees, a saturation of 75.6% and a lightness of 49.8%. #1fafdf color hex could be obtained by blending #3effff with #005fbf. Closest websafe color is: #3399cc.

♥
- f
- t
- g
- R 12
- G 69
- B 87
RGB color chart
- C 86
- M 22
- Y 0
- K 13
CMYK color chart

● #1fafdf color description : Vivid blue.

The hexadecimal color #1fafdf has RGB values of R:31, G:175, B:223 and CMYK values of C:0.86, M:0.22, Y:0, K:0.13. Its decimal value is 2076639.

Hex triplet	1fafdf	`#1fafdf`
RGB Decimal	31, 175, 223	`rgb(31,175,223)`
RGB Percent	12.2, 68.6, 87.5	`rgb(12.2%,68.6%,87.5%)`
CMYK	86, 22, 0, 13
HSL	195°, 75.6, 49.8	`hsl(195,75.6%,49.8%)`
HSV (or HSB)	195°, 86.1, 87.5
Web Safe	3399cc	`#3399cc`

CIE-LAB	66.73, -19.176, -34.203
XYZ	29.211, 36.276, 75.27
xyY	0.208, 0.258, 36.276
CIE-LCH	66.73, 39.212, 240.723
CIE-LUV	66.73, -44.792, -51.879
Hunter-Lab	60.23, -18.831, -31.935
Binary	00011111, 10101111, 11011111

#1fafdf
```
#1fafdf rgb(31,175,223)
```
#df4f1f
```
#df4f1f rgb(223,79,31)
```

Complementary Color

#1fdfaf
```
#1fdfaf rgb(31,223,175)
```
#1fafdf
```
#1fafdf rgb(31,175,223)
```
#1f4fdf
```
#1f4fdf rgb(31,79,223)
```

Analogous Color

#dfaf1f
```
#dfaf1f rgb(223,175,31)
```
#1fafdf
```
#1fafdf rgb(31,175,223)
```
#df1f4f
```
#df1f4f rgb(223,31,79)
```

Split Complementary Color

#afdf1f
```
#afdf1f rgb(175,223,31)
```
#1fafdf
```
#1fafdf rgb(31,175,223)
```
#df1faf
```
#df1faf rgb(223,31,175)
```

Triadic Color

#1fdf4f
```
#1fdf4f rgb(31,223,79)
```
#1fafdf
```
#1fafdf rgb(31,175,223)
```
#df1faf
```
#df1faf rgb(223,31,175)
```
#df4f1f
```
#df4f1f rgb(223,79,31)
```

Tetradic Color

#167a9c
```
#167a9c rgb(22,122,156)
```
#198cb2
```
#198cb2 rgb(25,140,178)
```
#1c9dc9
```
#1c9dc9 rgb(28,157,201)
```
#1fafdf
```
#1fafdf rgb(31,175,223)
```
#35b7e3
```
#35b7e3 rgb(53,183,227)
```
#4bbfe6
```
#4bbfe6 rgb(75,191,230)
```
#61c7e9
```
#61c7e9 rgb(97,199,233)
```

Monochromatic Color

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

#1fdfdf
```
#1fdfdf rgb(31,223,223)
```
#1fcfdf
```
#1fcfdf rgb(31,207,223)
```
#1fbfdf
```
#1fbfdf rgb(31,191,223)
```
#1fafdf
```
#1fafdf rgb(31,175,223)
```
#1f9fdf
```
#1f9fdf rgb(31,159,223)
```
#1f8fdf
```
#1f8fdf rgb(31,143,223)
```
#1f7fdf
```
#1f7fdf rgb(31,127,223)
```

Similar Colors

Text with hexadecimal color #1fafdf

This text has a font color of #1fafdf.

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

#1fafdf background color

This paragraph has a background color of #1fafdf.

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

#1fafdf border color

This element has a border color of #1fafdf.

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

CSS codes

.text {color:#1fafdf;}

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

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

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

#020d10
```
#020d10 rgb(2,13,16)
```
#051a22
```
#051a22 rgb(5,26,34)
```
#072833
```
#072833 rgb(7,40,51)
```
#093544
```
#093544 rgb(9,53,68)
```
#0c4355
```
#0c4355 rgb(12,67,85)
```
#0e5066
```
#0e5066 rgb(14,80,102)
```
#115e78
```
#115e78 rgb(17,94,120)
```
#136b89
```
#136b89 rgb(19,107,137)
```
#15799a
```
#15799a rgb(21,121,154)
```
#1886ab
```
#1886ab rgb(24,134,171)
```
#1a94bd
```
#1a94bd rgb(26,148,189)
```
#1da1ce
```
#1da1ce rgb(29,161,206)
```
#1fafdf
```
#1fafdf rgb(31,175,223)
```

Shade Color Variation

#2fb5e2
```
#2fb5e2 rgb(47,181,226)
```
#41bce5
```
#41bce5 rgb(65,188,229)
```
#52c2e7
```
#52c2e7 rgb(82,194,231)
```
#63c8e9
```
#63c8e9 rgb(99,200,233)
```
#74ceec
```
#74ceec rgb(116,206,236)
```
#86d4ee
```
#86d4ee rgb(134,212,238)
```
#97daf1
```
#97daf1 rgb(151,218,241)
```
#a8e0f3
```
#a8e0f3 rgb(168,224,243)
```
#b9e6f5
```
#b9e6f5 rgb(185,230,245)
```
#caecf8
```
#caecf8 rgb(202,236,248)
```
#dcf2fa
```
#dcf2fa rgb(220,242,250)
```
#edf9fc
```
#edf9fc rgb(237,249,252)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#778387
```
#778387 rgb(119,131,135)
```
#6d8891
```
#6d8891 rgb(109,136,145)
```
#638d9b
```
#638d9b rgb(99,141,155)
```
#5a92a4
```
#5a92a4 rgb(90,146,164)
```
#5097ae
```
#5097ae rgb(80,151,174)
```
#469bb8
```
#469bb8 rgb(70,155,184)
```
#3ca0c2
```
#3ca0c2 rgb(60,160,194)
```
#33a5cb
```
#33a5cb rgb(51,165,203)
```
#29aad5
```
#29aad5 rgb(41,170,213)
```
#1fafdf
```
#1fafdf rgb(31,175,223)
```
#15b4e9
```
#15b4e9 rgb(21,180,233)
```
#0bb9f3
```
#0bb9f3 rgb(11,185,243)
```
#02befc
```
#02befc rgb(2,190,252)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#74919a Atypical Achromatopsia 0.001% of the population

Dichromacy

#98a5d7 Protanopia 1% of men
#8ea5e6 Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#6ca8da Protanomaly 1% of men, 0.01% of women
#65a9e3 Deuteranomaly 6% of men, 0.4% of women
#0bb4ce Tritanomaly 0.01% of the population

#1fafdf hex color

#1fafdf Color Information

#1fafdf Color Conversion

Color Schemes with #1fafdf

Alternatives to #1fafdf

#1fafdf Preview

Shades and Tints of #1fafdf

Tones of #1fafdf

Color Blindness Simulator