#40ccf8 hex color

In a RGB color space, hex #40ccf8 is composed of 25.1% red, 80% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 17.7% magenta, 0% yellow and 2.7% black. It has a hue angle of 194.3 degrees, a saturation of 92.9% and a lightness of 61.2%. #40ccf8 color hex could be obtained by blending #80ffff with #0099f1. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 25
- G 80
- B 97
RGB color chart
- C 74
- M 18
- Y 0
- K 3
CMYK color chart

● #40ccf8 color description : Bright cyan.

The hexadecimal color #40ccf8 has RGB values of R:64, G:204, B:248 and CMYK values of C:0.74, M:0.18, Y:0, K:0.03. Its decimal value is 4246776.

Hex triplet	40ccf8	`#40ccf8`
RGB Decimal	64, 204, 248	`rgb(64,204,248)`
RGB Percent	25.1, 80, 97.3	`rgb(25.1%,80%,97.3%)`
CMYK	74, 18, 0, 3
HSL	194.3°, 92.9, 61.2	`hsl(194.3,92.9%,61.2%)`
HSV (or HSB)	194.3°, 74.2, 97.3
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.709, -22.907, -32.277
XYZ	40.646, 51.049, 96.513
xyY	0.216, 0.271, 51.049
CIE-LCH	76.709, 39.579, 234.637
CIE-LUV	76.709, -49.349, -48.97
Hunter-Lab	71.449, -23.49, -30.075
Binary	01000000, 11001100, 11111000

#40ccf8
```
#40ccf8 rgb(64,204,248)
```
#f86c40
```
#f86c40 rgb(248,108,64)
```

Complementary Color

#40f8c8
```
#40f8c8 rgb(64,248,200)
```
#40ccf8
```
#40ccf8 rgb(64,204,248)
```
#4070f8
```
#4070f8 rgb(64,112,248)
```

Analogous Color

#f8c840
```
#f8c840 rgb(248,200,64)
```
#40ccf8
```
#40ccf8 rgb(64,204,248)
```
#f84070
```
#f84070 rgb(248,64,112)
```

Split Complementary Color

#ccf840
```
#ccf840 rgb(204,248,64)
```
#40ccf8
```
#40ccf8 rgb(64,204,248)
```
#f840cc
```
#f840cc rgb(248,64,204)
```

Triadic Color

#40f86c
```
#40f86c rgb(64,248,108)
```
#40ccf8
```
#40ccf8 rgb(64,204,248)
```
#f840cc
```
#f840cc rgb(248,64,204)
```
#f86c40
```
#f86c40 rgb(248,108,64)
```

Tetradic Color

#08afe3
```
#08afe3 rgb(8,175,227)
```
#0fbff6
```
#0fbff6 rgb(15,191,246)
```
#27c5f7
```
#27c5f7 rgb(39,197,247)
```
#40ccf8
```
#40ccf8 rgb(64,204,248)
```
#59d3f9
```
#59d3f9 rgb(89,211,249)
```
#71d9fa
```
#71d9fa rgb(113,217,250)
```
#8ae0fb
```
#8ae0fb rgb(138,224,251)
```

Monochromatic Color

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

#40f8f6
```
#40f8f6 rgb(64,248,246)
```
#40ebf8
```
#40ebf8 rgb(64,235,248)
```
#40dbf8
```
#40dbf8 rgb(64,219,248)
```
#40ccf8
```
#40ccf8 rgb(64,204,248)
```
#40bdf8
```
#40bdf8 rgb(64,189,248)
```
#40adf8
```
#40adf8 rgb(64,173,248)
```
#409ef8
```
#409ef8 rgb(64,158,248)
```

Similar Colors

Text with hexadecimal color #40ccf8

This text has a font color of #40ccf8.

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

#40ccf8 background color

This paragraph has a background color of #40ccf8.

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

#40ccf8 border color

This element has a border color of #40ccf8.

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

CSS codes

.text {color:#40ccf8;}

.background {background-color:#40ccf8;}

.border {border:1px solid #40ccf8;}

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

#010d11
```
#010d11 rgb(1,13,17)
```
#011c24
```
#011c24 rgb(1,28,36)
```
#022a37
```
#022a37 rgb(2,42,55)
```
#03394a
```
#03394a rgb(3,57,74)
```
#03475d
```
#03475d rgb(3,71,93)
```
#045670
```
#045670 rgb(4,86,112)
```
#056583
```
#056583 rgb(5,101,131)
```
#057396
```
#057396 rgb(5,115,150)
```
#0682a9
```
#0682a9 rgb(6,130,169)
```
#0790bb
```
#0790bb rgb(7,144,187)
```
#089fce
```
#089fce rgb(8,159,206)
```
#08ade1
```
#08ade1 rgb(8,173,225)
```
#09bcf4
```
#09bcf4 rgb(9,188,244)
```

Shade Color Variation

#1ac2f7
```
#1ac2f7 rgb(26,194,247)
```
#2dc7f7
```
#2dc7f7 rgb(45,199,247)
```
#40ccf8
```
#40ccf8 rgb(64,204,248)
```
#53d1f9
```
#53d1f9 rgb(83,209,249)
```
#66d6f9
```
#66d6f9 rgb(102,214,249)
```
#79dbfa
```
#79dbfa rgb(121,219,250)
```
#8ce0fb
```
#8ce0fb rgb(140,224,251)
```
#9fe5fb
```
#9fe5fb rgb(159,229,251)
```
#b2eafc
```
#b2eafc rgb(178,234,252)
```
#c4effd
```
#c4effd rgb(196,239,253)
```
#d7f4fe
```
#d7f4fe rgb(215,244,254)
```
#eaf9fe
```
#eaf9fe rgb(234,249,254)
```
#fdffff
```
#fdffff rgb(253,255,255)
```

Tint Color Variation

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

#9b9c9d
```
#9b9c9d rgb(155,156,157)
```
#94a0a4
```
#94a0a4 rgb(148,160,164)
```
#8ca4ac
```
#8ca4ac rgb(140,164,172)
```
#85a8b3
```
#85a8b3 rgb(133,168,179)
```
#7dacbb
```
#7dacbb rgb(125,172,187)
```
#75b0c3
```
#75b0c3 rgb(117,176,195)
```
#6eb4ca
```
#6eb4ca rgb(110,180,202)
```
#66b8d2
```
#66b8d2 rgb(102,184,210)
```
#5ebcda
```
#5ebcda rgb(94,188,218)
```
#57c0e1
```
#57c0e1 rgb(87,192,225)
```
#4fc4e9
```
#4fc4e9 rgb(79,196,233)
```
#48c8f0
```
#48c8f0 rgb(72,200,240)
```
#40ccf8
```
#40ccf8 rgb(64,204,248)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#92aeb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4beee Protanopia 1% of men
#adbefe Deuteranopia 1% of men
#2fd2e2 Tritanopia 0.001% of the population

Trichromacy

#8ac3f1 Protanomaly 1% of men, 0.01% of women
#85c3fc Deuteranomaly 6% of men, 0.4% of women
#35d0ea Tritanomaly 0.01% of the population

#40ccf8 hex color

#40ccf8 Color Information

#40ccf8 Color Conversion

Color Schemes with #40ccf8

Alternatives to #40ccf8

#40ccf8 Preview

Shades and Tints of #40ccf8

Tones of #40ccf8

Color Blindness Simulator