#c4faf0 hex color

In a RGB color space, hex #c4faf0 is composed of 76.9% red, 98% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 21.6% cyan, 0% magenta, 4% yellow and 2% black. It has a hue angle of 168.9 degrees, a saturation of 84.4% and a lightness of 87.5%. #c4faf0 color hex could be obtained by blending #ffffff with #89f5e1. Closest websafe color is: #ccffff.

♥
- f
- t
- g
- R 77
- G 98
- B 94
RGB color chart
- C 22
- M 0
- Y 4
- K 2
CMYK color chart

● #c4faf0 color description : Very soft cyan.

The hexadecimal color #c4faf0 has RGB values of R:196, G:250, B:240 and CMYK values of C:0.22, M:0, Y:0.04, K:0.02. Its decimal value is 12909296.

Hex triplet	c4faf0	`#c4faf0`
RGB Decimal	196, 250, 240	`rgb(196,250,240)`
RGB Percent	76.9, 98, 94.1	`rgb(76.9%,98%,94.1%)`
CMYK	22, 0, 4, 2
HSL	168.9°, 84.4, 87.5	`hsl(168.9,84.4%,87.5%)`
HSV (or HSB)	168.9°, 21.6, 98
Web Safe	ccffff	`#ccffff`

CIE-LAB	94.481, -19, -0.813
XYZ	72.675, 86.396, 95.28
xyY	0.286, 0.34, 86.396
CIE-LCH	94.481, 19.017, 182.45
CIE-LUV	94.481, -27.185, 2.021
Hunter-Lab	92.949, -23.097, 4.288
Binary	11000100, 11111010, 11110000

#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#fac4ce
```
#fac4ce rgb(250,196,206)
```

Complementary Color

#c4fad5
```
#c4fad5 rgb(196,250,213)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#c4e9fa
```
#c4e9fa rgb(196,233,250)
```

Analogous Color

#fad5c4
```
#fad5c4 rgb(250,213,196)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#fac4e9
```
#fac4e9 rgb(250,196,233)
```

Split Complementary Color

#faf0c4
```
#faf0c4 rgb(250,240,196)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#f0c4fa
```
#f0c4fa rgb(240,196,250)
```

Triadic Color

#cefac4
```
#cefac4 rgb(206,250,196)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#f0c4fa
```
#f0c4fa rgb(240,196,250)
```
#fac4ce
```
#fac4ce rgb(250,196,206)
```

Tetradic Color

#7df4de
```
#7df4de rgb(125,244,222)
```
#95f6e4
```
#95f6e4 rgb(149,246,228)
```
#acf8ea
```
#acf8ea rgb(172,248,234)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#dcfcf6
```
#dcfcf6 rgb(220,252,246)
```
#f3fefc
```
#f3fefc rgb(243,254,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Monochromatic Color

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

#c4fae3
```
#c4fae3 rgb(196,250,227)
```
#c4fae7
```
#c4fae7 rgb(196,250,231)
```
#c4faec
```
#c4faec rgb(196,250,236)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#c4faf5
```
#c4faf5 rgb(196,250,245)
```
#c4faf9
```
#c4faf9 rgb(196,250,249)
```
#c4f7fa
```
#c4f7fa rgb(196,247,250)
```

Similar Colors

Text with hexadecimal color #c4faf0

This text has a font color of #c4faf0.

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

#c4faf0 background color

This paragraph has a background color of #c4faf0.

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

#c4faf0 border color

This element has a border color of #c4faf0.

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

CSS codes

.text {color:#c4faf0;}

.background {background-color:#c4faf0;}

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

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, #010d0b is the darkest color, while #fafffe is the lightest one.

#010d0b
```
#010d0b rgb(1,13,11)
```
#031f1a
```
#031f1a rgb(3,31,26)
```
#043129
```
#043129 rgb(4,49,41)
```
#064438
```
#064438 rgb(6,68,56)
```
#075647
```
#075647 rgb(7,86,71)
```
#096856
```
#096856 rgb(9,104,86)
```
#0a7a65
```
#0a7a65 rgb(10,122,101)
```
#0c8c74
```
#0c8c74 rgb(12,140,116)
```
#0d9e83
```
#0d9e83 rgb(13,158,131)
```
#0fb092
```
#0fb092 rgb(15,176,146)
```
#10c2a1
```
#10c2a1 rgb(16,194,161)
```
#12d4b0
```
#12d4b0 rgb(18,212,176)
```
#14e6bf
```
#14e6bf rgb(20,230,191)
```

Shade Color Variation

#21ecc7
```
#21ecc7 rgb(33,236,199)
```
#33eecb
```
#33eecb rgb(51,238,203)
```
#45efd0
```
#45efd0 rgb(69,239,208)
```
#58f1d4
```
#58f1d4 rgb(88,241,212)
```
#6af2d9
```
#6af2d9 rgb(106,242,217)
```
#7cf4de
```
#7cf4de rgb(124,244,222)
```
#8ef5e2
```
#8ef5e2 rgb(142,245,226)
```
#a0f7e7
```
#a0f7e7 rgb(160,247,231)
```
#b2f8eb
```
#b2f8eb rgb(178,248,235)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#d6fcf5
```
#d6fcf5 rgb(214,252,245)
```
#e8fdf9
```
#e8fdf9 rgb(232,253,249)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#dde1e1
```
#dde1e1 rgb(221,225,225)
```
#dae4e2
```
#dae4e2 rgb(218,228,226)
```
#d8e6e4
```
#d8e6e4 rgb(216,230,228)
```
#d5e9e5
```
#d5e9e5 rgb(213,233,229)
```
#d3ebe7
```
#d3ebe7 rgb(211,235,231)
```
#d0eee8
```
#d0eee8 rgb(208,238,232)
```
#cef0ea
```
#cef0ea rgb(206,240,234)
```
#cbf3eb
```
#cbf3eb rgb(203,243,235)
```
#c9f5ed
```
#c9f5ed rgb(201,245,237)
```
#c6f8ee
```
#c6f8ee rgb(198,248,238)
```
#c4faf0
```
#c4faf0 rgb(196,250,240)
```
#c2fcf2
```
#c2fcf2 rgb(194,252,242)
```
#bffff3
```
#bffff3 rgb(191,255,243)
```

Tone Color Variation

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

#e9e9e9 Achromatopsia 0.005% of the population
#e2ecea Atypical Achromatopsia 0.001% of the population

Dichromacy

#f5eeea Protanopia 1% of men
#ffeaf5 Deuteranopia 1% of men
#dbf3ff Tritanopia 0.001% of the population

Trichromacy

#e3f2ec Protanomaly 1% of men, 0.01% of women
#e9f0f3 Deuteranomaly 6% of men, 0.4% of women
#d3f6f9 Tritanomaly 0.01% of the population

#c4faf0 hex color

#c4faf0 Color Information

#c4faf0 Color Conversion

Color Schemes with #c4faf0

Alternatives to #c4faf0

#c4faf0 Preview

Shades and Tints of #c4faf0

Tones of #c4faf0

Color Blindness Simulator