#40d1fd hex color

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

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

● #40d1fd color description : Bright cyan.

The hexadecimal color #40d1fd has RGB values of R:64, G:209, B:253 and CMYK values of C:0.75, M:0.17, Y:0, K:0.01. Its decimal value is 4248061.

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

CIE-LAB	78.333, -23.845, -32.446
XYZ	42.64, 53.779, 101.056
xyY	0.216, 0.272, 53.779
CIE-LCH	78.333, 40.265, 233.688
CIE-LUV	78.333, -50.762, -49.254
Hunter-Lab	73.334, -24.547, -30.369
Binary	01000000, 11010001, 11111101

#40d1fd
```
#40d1fd rgb(64,209,253)
```
#fd6c40
```
#fd6c40 rgb(253,108,64)
```

Complementary Color

#40fdcb
```
#40fdcb rgb(64,253,203)
```
#40d1fd
```
#40d1fd rgb(64,209,253)
```
#4073fd
```
#4073fd rgb(64,115,253)
```

Analogous Color

#fdcb40
```
#fdcb40 rgb(253,203,64)
```
#40d1fd
```
#40d1fd rgb(64,209,253)
```
#fd4073
```
#fd4073 rgb(253,64,115)
```

Split Complementary Color

#d1fd40
```
#d1fd40 rgb(209,253,64)
```
#40d1fd
```
#40d1fd rgb(64,209,253)
```
#fd40d1
```
#fd40d1 rgb(253,64,209)
```

Triadic Color

#40fd6c
```
#40fd6c rgb(64,253,108)
```
#40d1fd
```
#40d1fd rgb(64,209,253)
```
#fd40d1
```
#fd40d1 rgb(253,64,209)
```
#fd6c40
```
#fd6c40 rgb(253,108,64)
```

Tetradic Color

#02b7ee
```
#02b7ee rgb(2,183,238)
```
#0ec5fc
```
#0ec5fc rgb(14,197,252)
```
#27cbfd
```
#27cbfd rgb(39,203,253)
```
#40d1fd
```
#40d1fd rgb(64,209,253)
```
#59d7fd
```
#59d7fd rgb(89,215,253)
```
#72ddfe
```
#72ddfe rgb(114,221,254)
```
#8ce3fe
```
#8ce3fe rgb(140,227,254)
```

Monochromatic Color

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

#40fdfa
```
#40fdfa rgb(64,253,250)
```
#40f1fd
```
#40f1fd rgb(64,241,253)
```
#40e1fd
```
#40e1fd rgb(64,225,253)
```
#40d1fd
```
#40d1fd rgb(64,209,253)
```
#40c1fd
```
#40c1fd rgb(64,193,253)
```
#40b2fd
```
#40b2fd rgb(64,178,253)
```
#40a2fd
```
#40a2fd rgb(64,162,253)
```

Similar Colors

Text with hexadecimal color #40d1fd

This text has a font color of #40d1fd.

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

#40d1fd background color

This paragraph has a background color of #40d1fd.

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

#40d1fd border color

This element has a border color of #40d1fd.

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

CSS codes

.text {color:#40d1fd;}

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

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

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 #effbff is the lightest one.

#000203
```
#000203 rgb(0,2,3)
```
#001117
```
#001117 rgb(0,17,23)
```
#00202a
```
#00202a rgb(0,32,42)
```
#012f3d
```
#012f3d rgb(1,47,61)
```
#013e51
```
#013e51 rgb(1,62,81)
```
#014d64
```
#014d64 rgb(1,77,100)
```
#015c78
```
#015c78 rgb(1,92,120)
```
#016b8b
```
#016b8b rgb(1,107,139)
```
#027a9e
```
#027a9e rgb(2,122,158)
```
#0289b2
```
#0289b2 rgb(2,137,178)
```
#0298c5
```
#0298c5 rgb(2,152,197)
```
#02a7d9
```
#02a7d9 rgb(2,167,217)
```
#02b6ec
```
#02b6ec rgb(2,182,236)
```

Shade Color Variation

#06c3fc
```
#06c3fc rgb(6,195,252)
```
#19c8fd
```
#19c8fd rgb(25,200,253)
```
#2dccfd
```
#2dccfd rgb(45,204,253)
```
#40d1fd
```
#40d1fd rgb(64,209,253)
```
#53d6fd
```
#53d6fd rgb(83,214,253)
```
#67dafd
```
#67dafd rgb(103,218,253)
```
#7adffe
```
#7adffe rgb(122,223,254)
```
#8ee4fe
```
#8ee4fe rgb(142,228,254)
```
#a1e8fe
```
#a1e8fe rgb(161,232,254)
```
#b4edfe
```
#b4edfe rgb(180,237,254)
```
#c8f2fe
```
#c8f2fe rgb(200,242,254)
```
#dbf6ff
```
#dbf6ff rgb(219,246,255)
```
#effbff
```
#effbff rgb(239,251,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 #40d1fd is the most saturated one.

#99a1a4
```
#99a1a4 rgb(153,161,164)
```
#92a5ab
```
#92a5ab rgb(146,165,171)
```
#8aa9b3
```
#8aa9b3 rgb(138,169,179)
```
#83adba
```
#83adba rgb(131,173,186)
```
#7bb1c2
```
#7bb1c2 rgb(123,177,194)
```
#74b5c9
```
#74b5c9 rgb(116,181,201)
```
#6db9d0
```
#6db9d0 rgb(109,185,208)
```
#65bdd8
```
#65bdd8 rgb(101,189,216)
```
#5ec1df
```
#5ec1df rgb(94,193,223)
```
#56c5e7
```
#56c5e7 rgb(86,197,231)
```
#4fc9ee
```
#4fc9ee rgb(79,201,238)
```
#47cdf6
```
#47cdf6 rgb(71,205,246)
```
#40d1fd
```
#40d1fd rgb(64,209,253)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#96b3bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8c3f2 Protanopia 1% of men
#b3c2ff Deuteranopia 1% of men
#2fd7e7 Tritanopia 0.001% of the population

Trichromacy

#8cc8f6 Protanomaly 1% of men, 0.01% of women
#89c7fe Deuteranomaly 6% of men, 0.4% of women
#35d5ef Tritanomaly 0.01% of the population

#40d1fd hex color

#40d1fd Color Information

#40d1fd Color Conversion

Color Schemes with #40d1fd

Alternatives to #40d1fd

#40d1fd Preview

Shades and Tints of #40d1fd

Tones of #40d1fd

Color Blindness Simulator