#40c2fd hex color

In a RGB color space, hex #40c2fd is composed of 25.1% red, 76.1% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 23.3% magenta, 0% yellow and 0.8% black. It has a hue angle of 198.7 degrees, a saturation of 97.9% and a lightness of 62.2%. #40c2fd color hex could be obtained by blending #80ffff with #0085fb. Closest websafe color is: #33ccff.

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

● #40c2fd color description : Bright blue.

The hexadecimal color #40c2fd has RGB values of R:64, G:194, B:253 and CMYK values of C:0.75, M:0.23, Y:0, K:0.01. Its decimal value is 4244221.

Hex triplet	40c2fd	`#40c2fd`
RGB Decimal	64, 194, 253	`rgb(64,194,253)`
RGB Percent	25.1, 76.1, 99.2	`rgb(25.1%,76.1%,99.2%)`
CMYK	75, 23, 0, 1
HSL	198.7°, 97.9, 62.2	`hsl(198.7,97.9%,62.2%)`
HSV (or HSB)	198.7°, 74.7, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	74.037, -16.13, -39.096
XYZ	39.131, 46.762, 99.887
xyY	0.211, 0.252, 46.762
CIE-LCH	74.037, 42.293, 247.58
CIE-LUV	74.037, -45.59, -61.36
Hunter-Lab	68.383, -17.525, -38.737
Binary	01000000, 11000010, 11111101

#40c2fd
```
#40c2fd rgb(64,194,253)
```
#fd7b40
```
#fd7b40 rgb(253,123,64)
```

Complementary Color

#40fdda
```
#40fdda rgb(64,253,218)
```
#40c2fd
```
#40c2fd rgb(64,194,253)
```
#4064fd
```
#4064fd rgb(64,100,253)
```

Analogous Color

#fdda40
```
#fdda40 rgb(253,218,64)
```
#40c2fd
```
#40c2fd rgb(64,194,253)
```
#fd4064
```
#fd4064 rgb(253,64,100)
```

Split Complementary Color

#c2fd40
```
#c2fd40 rgb(194,253,64)
```
#40c2fd
```
#40c2fd rgb(64,194,253)
```
#fd40c2
```
#fd40c2 rgb(253,64,194)
```

Triadic Color

#40fd7b
```
#40fd7b rgb(64,253,123)
```
#40c2fd
```
#40c2fd rgb(64,194,253)
```
#fd40c2
```
#fd40c2 rgb(253,64,194)
```
#fd7b40
```
#fd7b40 rgb(253,123,64)
```

Tetradic Color

#02a4ee
```
#02a4ee rgb(2,164,238)
```
#0eb2fc
```
#0eb2fc rgb(14,178,252)
```
#27bafd
```
#27bafd rgb(39,186,253)
```
#40c2fd
```
#40c2fd rgb(64,194,253)
```
#59cafd
```
#59cafd rgb(89,202,253)
```
#72d2fe
```
#72d2fe rgb(114,210,254)
```
#8cdafe
```
#8cdafe rgb(140,218,254)
```

Monochromatic Color

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

#40f1fd
```
#40f1fd rgb(64,241,253)
```
#40e2fd
```
#40e2fd rgb(64,226,253)
```
#40d2fd
```
#40d2fd rgb(64,210,253)
```
#40c2fd
```
#40c2fd rgb(64,194,253)
```
#40b2fd
```
#40b2fd rgb(64,178,253)
```
#40a3fd
```
#40a3fd rgb(64,163,253)
```
#4093fd
```
#4093fd rgb(64,147,253)
```

Similar Colors

Text with hexadecimal color #40c2fd

This text has a font color of #40c2fd.

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

#40c2fd background color

This paragraph has a background color of #40c2fd.

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

#40c2fd border color

This element has a border color of #40c2fd.

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

CSS codes

.text {color:#40c2fd;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#001017
```
#001017 rgb(0,16,23)
```
#001d2a
```
#001d2a rgb(0,29,42)
```
#012a3d
```
#012a3d rgb(1,42,61)
```
#013851
```
#013851 rgb(1,56,81)
```
#014564
```
#014564 rgb(1,69,100)
```
#015378
```
#015378 rgb(1,83,120)
```
#01608b
```
#01608b rgb(1,96,139)
```
#026d9e
```
#026d9e rgb(2,109,158)
```
#027bb2
```
#027bb2 rgb(2,123,178)
```
#0288c5
```
#0288c5 rgb(2,136,197)
```
#0296d9
```
#0296d9 rgb(2,150,217)
```
#02a3ec
```
#02a3ec rgb(2,163,236)
```

Shade Color Variation

#06affc
```
#06affc rgb(6,175,252)
```
#19b6fd
```
#19b6fd rgb(25,182,253)
```
#2dbcfd
```
#2dbcfd rgb(45,188,253)
```
#40c2fd
```
#40c2fd rgb(64,194,253)
```
#53c8fd
```
#53c8fd rgb(83,200,253)
```
#67cefd
```
#67cefd rgb(103,206,253)
```
#7ad5fe
```
#7ad5fe rgb(122,213,254)
```
#8edbfe
```
#8edbfe rgb(142,219,254)
```
#a1e1fe
```
#a1e1fe rgb(161,225,254)
```
#b4e7fe
```
#b4e7fe rgb(180,231,254)
```
#c8edfe
```
#c8edfe rgb(200,237,254)
```
#dbf4ff
```
#dbf4ff rgb(219,244,255)
```
#effaff
```
#effaff rgb(239,250,255)
```

Tint Color Variation

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

#99a1a4
```
#99a1a4 rgb(153,161,164)
```
#92a3ab
```
#92a3ab rgb(146,163,171)
```
#8aa6b3
```
#8aa6b3 rgb(138,166,179)
```
#83a9ba
```
#83a9ba rgb(131,169,186)
```
#7bacc2
```
#7bacc2 rgb(123,172,194)
```
#74aec9
```
#74aec9 rgb(116,174,201)
```
#6db1d0
```
#6db1d0 rgb(109,177,208)
```
#65b4d8
```
#65b4d8 rgb(101,180,216)
```
#5eb7df
```
#5eb7df rgb(94,183,223)
```
#56bae7
```
#56bae7 rgb(86,186,231)
```
#4fbcee
```
#4fbcee rgb(79,188,238)
```
#47bff6
```
#47bff6 rgb(71,191,246)
```
#40c2fd
```
#40c2fd rgb(64,194,253)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8ea8b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7b7f3 Protanopia 1% of men
#9db8ff Deuteranopia 1% of men
#08cbda Tritanopia 0.001% of the population

Trichromacy

#81bbf7 Protanomaly 1% of men, 0.01% of women
#7bbbfe Deuteranomaly 6% of men, 0.4% of women
#1cc8e7 Tritanomaly 0.01% of the population

#40c2fd hex color

#40c2fd Color Information

#40c2fd Color Conversion

Color Schemes with #40c2fd

Alternatives to #40c2fd

#40c2fd Preview

Shades and Tints of #40c2fd

Tones of #40c2fd

Color Blindness Simulator