#40c4fe hex color

In a RGB color space, hex #40c4fe is composed of 25.1% red, 76.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 74.8% cyan, 22.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 198.3 degrees, a saturation of 99% and a lightness of 62.4%. #40c4fe color hex could be obtained by blending #80ffff with #0089fd. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 25
- G 77
- B 100
RGB color chart
- C 75
- M 23
- Y 0
- K 0
CMYK color chart

● #40c4fe color description : Bright blue.

The hexadecimal color #40c4fe has RGB values of R:64, G:196, B:254 and CMYK values of C:0.75, M:0.23, Y:0, K:0. Its decimal value is 4244734.

Hex triplet	40c4fe	`#40c4fe`
RGB Decimal	64, 196, 254	`rgb(64,196,254)`
RGB Percent	25.1, 76.9, 99.6	`rgb(25.1%,76.9%,99.6%)`
CMYK	75, 23, 0, 0
HSL	198.3°, 99, 62.4	`hsl(198.3,99%,62.4%)`
HSV (or HSB)	198.3°, 74.8, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.649, -16.852, -38.681
XYZ	39.739, 47.722, 100.877
xyY	0.211, 0.253, 47.722
CIE-LCH	74.649, 42.193, 246.459
CIE-LUV	74.649, -46.219, -60.614
Hunter-Lab	69.081, -18.21, -38.223
Binary	01000000, 11000100, 11111110

#40c4fe
```
#40c4fe rgb(64,196,254)
```
#fe7a40
```
#fe7a40 rgb(254,122,64)
```

Complementary Color

#40fed9
```
#40fed9 rgb(64,254,217)
```
#40c4fe
```
#40c4fe rgb(64,196,254)
```
#4065fe
```
#4065fe rgb(64,101,254)
```

Analogous Color

#fed940
```
#fed940 rgb(254,217,64)
```
#40c4fe
```
#40c4fe rgb(64,196,254)
```
#fe4065
```
#fe4065 rgb(254,64,101)
```

Split Complementary Color

#c4fe40
```
#c4fe40 rgb(196,254,64)
```
#40c4fe
```
#40c4fe rgb(64,196,254)
```
#fe40c4
```
#fe40c4 rgb(254,64,196)
```

Triadic Color

#40fe7a
```
#40fe7a rgb(64,254,122)
```
#40c4fe
```
#40c4fe rgb(64,196,254)
```
#fe40c4
```
#fe40c4 rgb(254,64,196)
```
#fe7a40
```
#fe7a40 rgb(254,122,64)
```

Tetradic Color

#01a7f0
```
#01a7f0 rgb(1,167,240)
```
#0db4fe
```
#0db4fe rgb(13,180,254)
```
#27bcfe
```
#27bcfe rgb(39,188,254)
```
#40c4fe
```
#40c4fe rgb(64,196,254)
```
#59ccfe
```
#59ccfe rgb(89,204,254)
```
#73d4fe
```
#73d4fe rgb(115,212,254)
```
#8cdcfe
```
#8cdcfe rgb(140,220,254)
```

Monochromatic Color

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

#40f4fe
```
#40f4fe rgb(64,244,254)
```
#40e4fe
```
#40e4fe rgb(64,228,254)
```
#40d4fe
```
#40d4fe rgb(64,212,254)
```
#40c4fe
```
#40c4fe rgb(64,196,254)
```
#40b4fe
```
#40b4fe rgb(64,180,254)
```
#40a4fe
```
#40a4fe rgb(64,164,254)
```
#4095fe
```
#4095fe rgb(64,149,254)
```

Similar Colors

Text with hexadecimal color #40c4fe

This text has a font color of #40c4fe.

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

#40c4fe background color

This paragraph has a background color of #40c4fe.

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

#40c4fe border color

This element has a border color of #40c4fe.

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

CSS codes

.text {color:#40c4fe;}

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

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

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, #000304 is the darkest color, while #f0faff is the lightest one.

#000304
```
#000304 rgb(0,3,4)
```
#001018
```
#001018 rgb(0,16,24)
```
#001e2b
```
#001e2b rgb(0,30,43)
```
#002c3f
```
#002c3f rgb(0,44,63)
```
#003952
```
#003952 rgb(0,57,82)
```
#014766
```
#014766 rgb(1,71,102)
```
#015479
```
#015479 rgb(1,84,121)
```
#01628d
```
#01628d rgb(1,98,141)
```
#0170a0
```
#0170a0 rgb(1,112,160)
```
#017db4
```
#017db4 rgb(1,125,180)
```
#018bc7
```
#018bc7 rgb(1,139,199)
```
#0198db
```
#0198db rgb(1,152,219)
```
#01a6ee
```
#01a6ee rgb(1,166,238)
```

Shade Color Variation

#05b2fe
```
#05b2fe rgb(5,178,254)
```
#19b8fe
```
#19b8fe rgb(25,184,254)
```
#2cbefe
```
#2cbefe rgb(44,190,254)
```
#40c4fe
```
#40c4fe rgb(64,196,254)
```
#54cafe
```
#54cafe rgb(84,202,254)
```
#67d0fe
```
#67d0fe rgb(103,208,254)
```
#7bd6fe
```
#7bd6fe rgb(123,214,254)
```
#8edcfe
```
#8edcfe rgb(142,220,254)
```
#a2e2ff
```
#a2e2ff rgb(162,226,255)
```
#b5e8ff
```
#b5e8ff rgb(181,232,255)
```
#c9eeff
```
#c9eeff rgb(201,238,255)
```
#dcf4ff
```
#dcf4ff rgb(220,244,255)
```
#f0faff
```
#f0faff rgb(240,250,255)
```

Tint Color Variation

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

#99a1a5
```
#99a1a5 rgb(153,161,165)
```
#91a4ad
```
#91a4ad rgb(145,164,173)
```
#8aa7b4
```
#8aa7b4 rgb(138,167,180)
```
#82aabc
```
#82aabc rgb(130,170,188)
```
#7badc3
```
#7badc3 rgb(123,173,195)
```
#74b0ca
```
#74b0ca rgb(116,176,202)
```
#6cb3d2
```
#6cb3d2 rgb(108,179,210)
```
#65b6d9
```
#65b6d9 rgb(101,182,217)
```
#5eb8e0
```
#5eb8e0 rgb(94,184,224)
```
#56bbe8
```
#56bbe8 rgb(86,187,232)
```
#4fbeef
```
#4fbeef rgb(79,190,239)
```
#47c1f7
```
#47c1f7 rgb(71,193,247)
```
#40c4fe
```
#40c4fe rgb(64,196,254)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#8faab5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a9b9f4 Protanopia 1% of men
#a0b9ff Deuteranopia 1% of men
#0fcddc Tritanopia 0.001% of the population

Trichromacy

#83bdf7 Protanomaly 1% of men, 0.01% of women
#7dbdfe Deuteranomaly 6% of men, 0.4% of women
#20cae8 Tritanomaly 0.01% of the population

#40c4fe hex color

#40c4fe Color Information

#40c4fe Color Conversion

Color Schemes with #40c4fe

Alternatives to #40c4fe

#40c4fe Preview

Shades and Tints of #40c4fe

Tones of #40c4fe

Color Blindness Simulator