colorhexa.com

#1faced hex color

In a RGB color space, hex #1faced is composed of 12.2% red, 67.5% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 86.9% cyan, 27.4% magenta, 0% yellow and 7.1% black. It has a hue angle of 198.9 degrees, a saturation of 85.1% and a lightness of 52.5%. #1faced color hex could be obtained by blending #3effff with #0059db. Closest websafe color is: #3399ff.

- R 12
- G 67
- B 93
RGB color chart
- C 87
- M 27
- Y 0
- K 7
CMYK color chart

● #1faced color description : Vivid blue.

The hexadecimal color #1faced has RGB values of R:31, G:172, B:237 and CMYK values of C:0.87, M:0.27, Y:0, K:0.07. Its decimal value is 2075885.

Hex triplet	1faced	`#1faced`
RGB Decimal	31, 172, 237	`rgb(31,172,237)`
RGB Percent	12.2, 67.5, 92.9	`rgb(12.2%,67.5%,92.9%)`
CMYK	87, 27, 0, 7
HSL	198.9°, 85.1, 52.5	`hsl(198.9,85.1%,52.5%)`
HSV (or HSB)	198.9°, 86.9, 92.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.449, -12.7, -42.314
XYZ	30.6, 35.908, 85.434
xyY	0.201, 0.236, 35.908
CIE-LCH	66.449, 44.178, 253.294
CIE-LUV	66.449, -42.822, -66.396
Hunter-Lab	59.923, -13.715, -42.585
Binary	00011111, 10101100, 11101101

#1faced
```
#1faced rgb(31,172,237)
```
#ed601f
```
#ed601f rgb(237,96,31)
```

Complementary Color

#1fedc7
```
#1fedc7 rgb(31,237,199)
```
#1faced
```
#1faced rgb(31,172,237)
```
#1f45ed
```
#1f45ed rgb(31,69,237)
```

Analogous Color

#edc71f
```
#edc71f rgb(237,199,31)
```
#1faced
```
#1faced rgb(31,172,237)
```
#ed1f45
```
#ed1f45 rgb(237,31,69)
```

Split Complementary Color

#aced1f
```
#aced1f rgb(172,237,31)
```
#1faced
```
#1faced rgb(31,172,237)
```
#ed1fac
```
#ed1fac rgb(237,31,172)
```

Triadic Color

#1fed60
```
#1fed60 rgb(31,237,96)
```
#1faced
```
#1faced rgb(31,172,237)
```
#ed1fac
```
#ed1fac rgb(237,31,172)
```
#ed601f
```
#ed601f rgb(237,96,31)
```

Tetradic Color

#0e7eb1
```
#0e7eb1 rgb(14,126,177)
```
#108fc9
```
#108fc9 rgb(16,143,201)
```
#129fe0
```
#129fe0 rgb(18,159,224)
```
#1faced
```
#1faced rgb(31,172,237)
```
#37b5ef
```
#37b5ef rgb(55,181,239)
```
#4ebdf1
```
#4ebdf1 rgb(78,189,241)
```
#66c6f3
```
#66c6f3 rgb(102,198,243)
```

Monochromatic Color

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

#1fe0ed
```
#1fe0ed rgb(31,224,237)
```
#1fceed
```
#1fceed rgb(31,206,237)
```
#1fbded
```
#1fbded rgb(31,189,237)
```
#1faced
```
#1faced rgb(31,172,237)
```
#1f9bed
```
#1f9bed rgb(31,155,237)
```
#1f8aed
```
#1f8aed rgb(31,138,237)
```
#1f79ed
```
#1f79ed rgb(31,121,237)
```

Similar Colors

Text with hexadecimal color #1faced

This text has a font color of #1faced.

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

#1faced background color

This paragraph has a background color of #1faced.

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

#1faced border color

This element has a border color of #1faced.

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

CSS codes

.text {color:#1faced;}

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

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

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, #01090c is the darkest color, while #f9fdff is the lightest one.

#01090c
```
#01090c rgb(1,9,12)
```
#02151e
```
#02151e rgb(2,21,30)
```
#042230
```
#042230 rgb(4,34,48)
```
#052f43
```
#052f43 rgb(5,47,67)
```
#073c55
```
#073c55 rgb(7,60,85)
```
#084967
```
#084967 rgb(8,73,103)
```
#0a5679
```
#0a5679 rgb(10,86,121)
```
#0b638b
```
#0b638b rgb(11,99,139)
```
#0d709d
```
#0d709d rgb(13,112,157)
```
#0e7daf
```
#0e7daf rgb(14,125,175)
```
#1089c2
```
#1089c2 rgb(16,137,194)
```
#1196d4
```
#1196d4 rgb(17,150,212)
```
#12a3e6
```
#12a3e6 rgb(18,163,230)
```

Shade Color Variation

#1faced
```
#1faced rgb(31,172,237)
```
#31b3ee
```
#31b3ee rgb(49,179,238)
```
#43b9f0
```
#43b9f0 rgb(67,185,240)
```
#55c0f1
```
#55c0f1 rgb(85,192,241)
```
#68c7f3
```
#68c7f3 rgb(104,199,243)
```
#7acef4
```
#7acef4 rgb(122,206,244)
```
#8cd4f6
```
#8cd4f6 rgb(140,212,246)
```
#9edbf7
```
#9edbf7 rgb(158,219,247)
```
#b0e2f9
```
#b0e2f9 rgb(176,226,249)
```
#c2e9fa
```
#c2e9fa rgb(194,233,250)
```
#d5effc
```
#d5effc rgb(213,239,252)
```
#e7f6fd
```
#e7f6fd rgb(231,246,253)
```
#f9fdff
```
#f9fdff rgb(249,253,255)
```

Tint Color Variation

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

#858687
```
#858687 rgb(133,134,135)
```
#7c8a90
```
#7c8a90 rgb(124,138,144)
```
#738d99
```
#738d99 rgb(115,141,153)
```
#6991a3
```
#6991a3 rgb(105,145,163)
```
#6094ac
```
#6094ac rgb(96,148,172)
```
#5797b5
```
#5797b5 rgb(87,151,181)
```
#4e9bbe
```
#4e9bbe rgb(78,155,190)
```
#449ec8
```
#449ec8 rgb(68,158,200)
```
#3ba2d1
```
#3ba2d1 rgb(59,162,209)
```
#32a5da
```
#32a5da rgb(50,165,218)
```
#28a9e4
```
#28a9e4 rgb(40,169,228)
```
#1faced
```
#1faced rgb(31,172,237)
```
#16aff6
```
#16aff6 rgb(22,175,246)
```

Tone Color Variation

Below, you can see how #1faced 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
#74909d Atypical Achromatopsia 0.001% of the population

Dichromacy

#90a4e5 Protanopia 1% of men
#7fa5f2 Deuteranopia 1% of men
#00b6c3 Tritanopia 0.001% of the population

Trichromacy

#67a7e8 Protanomaly 1% of men, 0.01% of women
#5ca8f0 Deuteranomaly 6% of men, 0.4% of women
#0bb2d2 Tritanomaly 0.01% of the population