#40cdf2 hex color

In a RGB color space, hex #40cdf2 is composed of 25.1% red, 80.4% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 15.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 192.5 degrees, a saturation of 87.3% and a lightness of 60%. #40cdf2 color hex could be obtained by blending #80ffff with #009be5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 25
- G 80
- B 95
RGB color chart
- C 74
- M 15
- Y 0
- K 5
CMYK color chart

● #40cdf2 color description : Bright cyan.

The hexadecimal color #40cdf2 has RGB values of R:64, G:205, B:242 and CMYK values of C:0.74, M:0.15, Y:0, K:0.05. Its decimal value is 4247026.

Hex triplet	40cdf2	`#40cdf2`
RGB Decimal	64, 205, 242	`rgb(64,205,242)`
RGB Percent	25.1, 80.4, 94.9	`rgb(25.1%,80.4%,94.9%)`
CMYK	74, 15, 0, 5
HSL	192.5°, 87.3, 60	`hsl(192.5,87.3%,60%)`
HSV (or HSB)	192.5°, 73.6, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.776, -25.3, -28.96
XYZ	39.968, 51.16, 91.768
xyY	0.219, 0.28, 51.16
CIE-LCH	76.776, 38.455, 228.859
CIE-LUV	76.776, -50.078, -42.973
Hunter-Lab	71.526, -25.426, -26.001
Binary	01000000, 11001101, 11110010

#40cdf2
```
#40cdf2 rgb(64,205,242)
```
#f26540
```
#f26540 rgb(242,101,64)
```

Complementary Color

#40f2be
```
#40f2be rgb(64,242,190)
```
#40cdf2
```
#40cdf2 rgb(64,205,242)
```
#4074f2
```
#4074f2 rgb(64,116,242)
```

Analogous Color

#f2be40
```
#f2be40 rgb(242,190,64)
```
#40cdf2
```
#40cdf2 rgb(64,205,242)
```
#f24074
```
#f24074 rgb(242,64,116)
```

Split Complementary Color

#cdf240
```
#cdf240 rgb(205,242,64)
```
#40cdf2
```
#40cdf2 rgb(64,205,242)
```
#f240cd
```
#f240cd rgb(242,64,205)
```

Triadic Color

#40f265
```
#40f265 rgb(64,242,101)
```
#40cdf2
```
#40cdf2 rgb(64,205,242)
```
#f240cd
```
#f240cd rgb(242,64,205)
```
#f26540
```
#f26540 rgb(242,101,64)
```

Tetradic Color

#0fadd7
```
#0fadd7 rgb(15,173,215)
```
#10c1ef
```
#10c1ef rgb(16,193,239)
```
#28c7f0
```
#28c7f0 rgb(40,199,240)
```
#40cdf2
```
#40cdf2 rgb(64,205,242)
```
#58d3f4
```
#58d3f4 rgb(88,211,244)
```
#70daf5
```
#70daf5 rgb(112,218,245)
```
#88e0f7
```
#88e0f7 rgb(136,224,247)
```

Monochromatic Color

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

#40f2eb
```
#40f2eb rgb(64,242,235)
```
#40ebf2
```
#40ebf2 rgb(64,235,242)
```
#40dcf2
```
#40dcf2 rgb(64,220,242)
```
#40cdf2
```
#40cdf2 rgb(64,205,242)
```
#40bef2
```
#40bef2 rgb(64,190,242)
```
#40aff2
```
#40aff2 rgb(64,175,242)
```
#40a1f2
```
#40a1f2 rgb(64,161,242)
```

Similar Colors

Text with hexadecimal color #40cdf2

This text has a font color of #40cdf2.

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

#40cdf2 background color

This paragraph has a background color of #40cdf2.

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

#40cdf2 border color

This element has a border color of #40cdf2.

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

CSS codes

.text {color:#40cdf2;}

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

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

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, #01090b is the darkest color, while #f8fdff is the lightest one.

#01090b
```
#01090b rgb(1,9,11)
```
#02181d
```
#02181d rgb(2,24,29)
```
#032730
```
#032730 rgb(3,39,48)
```
#053542
```
#053542 rgb(5,53,66)
```
#064454
```
#064454 rgb(6,68,84)
```
#075367
```
#075367 rgb(7,83,103)
```
#086279
```
#086279 rgb(8,98,121)
```
#0a718c
```
#0a718c rgb(10,113,140)
```
#0b7f9e
```
#0b7f9e rgb(11,127,158)
```
#0c8eb0
```
#0c8eb0 rgb(12,142,176)
```
#0d9dc3
```
#0d9dc3 rgb(13,157,195)
```
#0facd5
```
#0facd5 rgb(15,172,213)
```
#10bbe7
```
#10bbe7 rgb(16,187,231)
```

Shade Color Variation

#1bc3f0
```
#1bc3f0 rgb(27,195,240)
```
#2ec8f1
```
#2ec8f1 rgb(46,200,241)
```
#40cdf2
```
#40cdf2 rgb(64,205,242)
```
#52d2f3
```
#52d2f3 rgb(82,210,243)
```
#65d7f5
```
#65d7f5 rgb(101,215,245)
```
#77dbf6
```
#77dbf6 rgb(119,219,246)
```
#89e0f7
```
#89e0f7 rgb(137,224,247)
```
#9ce5f8
```
#9ce5f8 rgb(156,229,248)
```
#aeeafa
```
#aeeafa rgb(174,234,250)
```
#c1effb
```
#c1effb rgb(193,239,251)
```
#d3f3fc
```
#d3f3fc rgb(211,243,252)
```
#e5f8fd
```
#e5f8fd rgb(229,248,253)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#969b9c
```
#969b9c rgb(150,155,156)
```
#8e9fa4
```
#8e9fa4 rgb(142,159,164)
```
#87a4ab
```
#87a4ab rgb(135,164,171)
```
#7fa8b3
```
#7fa8b3 rgb(127,168,179)
```
#77adbb
```
#77adbb rgb(119,173,187)
```
#6fb1c3
```
#6fb1c3 rgb(111,177,195)
```
#67b6cb
```
#67b6cb rgb(103,182,203)
```
#5fbbd3
```
#5fbbd3 rgb(95,187,211)
```
#58bfda
```
#58bfda rgb(88,191,218)
```
#50c4e2
```
#50c4e2 rgb(80,196,226)
```
#48c8ea
```
#48c8ea rgb(72,200,234)
```
#40cdf2
```
#40cdf2 rgb(64,205,242)
```
#38d2fa
```
#38d2fa rgb(56,210,250)
```

Tone Color Variation

Below, you can see how #40cdf2 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
#92afb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bfe8 Protanopia 1% of men
#b1bef9 Deuteranopia 1% of men
#38d2e2 Tritanopia 0.001% of the population

Trichromacy

#8bc4eb Protanomaly 1% of men, 0.01% of women
#88c3f6 Deuteranomaly 6% of men, 0.4% of women
#3bd0e7 Tritanomaly 0.01% of the population

#40cdf2 hex color

#40cdf2 Color Information

#40cdf2 Color Conversion

Color Schemes with #40cdf2

Alternatives to #40cdf2

#40cdf2 Preview

Shades and Tints of #40cdf2

Tones of #40cdf2

Color Blindness Simulator