#40d3f1 hex color

In a RGB color space, hex #40d3f1 is composed of 25.1% red, 82.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 12.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 190.2 degrees, a saturation of 86.3% and a lightness of 59.8%. #40d3f1 color hex could be obtained by blending #80ffff with #00a7e3. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 25
- G 83
- B 95
RGB color chart
- C 73
- M 12
- Y 0
- K 5
CMYK color chart

● #40d3f1 color description : Bright cyan.

The hexadecimal color #40d3f1 has RGB values of R:64, G:211, B:241 and CMYK values of C:0.73, M:0.12, Y:0, K:0.05. Its decimal value is 4248561.

Hex triplet	40d3f1	`#40d3f1`
RGB Decimal	64, 211, 241	`rgb(64,211,241)`
RGB Percent	25.1, 82.7, 94.5	`rgb(25.1%,82.7%,94.5%)`
CMYK	73, 12, 0, 5
HSL	190.2°, 86.3, 59.8	`hsl(190.2,86.3%,59.8%)`
HSV (or HSB)	190.2°, 73.4, 94.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	78.477, -28.574, -25.82
XYZ	41.281, 54.026, 91.467
xyY	0.221, 0.289, 54.026
CIE-LCH	78.477, 38.512, 222.102
CIE-LUV	78.477, -52.235, -37.278
Hunter-Lab	73.502, -28.377, -22.329
Binary	01000000, 11010011, 11110001

#40d3f1
```
#40d3f1 rgb(64,211,241)
```
#f15e40
```
#f15e40 rgb(241,94,64)
```

Complementary Color

#40f1b7
```
#40f1b7 rgb(64,241,183)
```
#40d3f1
```
#40d3f1 rgb(64,211,241)
```
#407bf1
```
#407bf1 rgb(64,123,241)
```

Analogous Color

#f1b740
```
#f1b740 rgb(241,183,64)
```
#40d3f1
```
#40d3f1 rgb(64,211,241)
```
#f1407b
```
#f1407b rgb(241,64,123)
```

Split Complementary Color

#d3f140
```
#d3f140 rgb(211,241,64)
```
#40d3f1
```
#40d3f1 rgb(64,211,241)
```
#f140d3
```
#f140d3 rgb(241,64,211)
```

Triadic Color

#40f15e
```
#40f15e rgb(64,241,94)
```
#40d3f1
```
#40d3f1 rgb(64,211,241)
```
#f140d3
```
#f140d3 rgb(241,64,211)
```
#f15e40
```
#f15e40 rgb(241,94,64)
```

Tetradic Color

#10b3d5
```
#10b3d5 rgb(16,179,213)
```
#11c7ed
```
#11c7ed rgb(17,199,237)
```
#28ceef
```
#28ceef rgb(40,206,239)
```
#40d3f1
```
#40d3f1 rgb(64,211,241)
```
#58d8f3
```
#58d8f3 rgb(88,216,243)
```
#70def4
```
#70def4 rgb(112,222,244)
```
#87e3f6
```
#87e3f6 rgb(135,227,246)
```

Monochromatic Color

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

#40f1e3
```
#40f1e3 rgb(64,241,227)
```
#40f1f1
```
#40f1f1 rgb(64,241,241)
```
#40e2f1
```
#40e2f1 rgb(64,226,241)
```
#40d3f1
```
#40d3f1 rgb(64,211,241)
```
#40c4f1
```
#40c4f1 rgb(64,196,241)
```
#40b6f1
```
#40b6f1 rgb(64,182,241)
```
#40a7f1
```
#40a7f1 rgb(64,167,241)
```

Similar Colors

Text with hexadecimal color #40d3f1

This text has a font color of #40d3f1.

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

#40d3f1 background color

This paragraph has a background color of #40d3f1.

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

#40d3f1 border color

This element has a border color of #40d3f1.

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

CSS codes

.text {color:#40d3f1;}

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

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

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, #01080a is the darkest color, while #f7fdfe is the lightest one.

#01080a
```
#01080a rgb(1,8,10)
```
#02181c
```
#02181c rgb(2,24,28)
```
#03272f
```
#03272f rgb(3,39,47)
```
#053741
```
#053741 rgb(5,55,65)
```
#064653
```
#064653 rgb(6,70,83)
```
#075565
```
#075565 rgb(7,85,101)
```
#096578
```
#096578 rgb(9,101,120)
```
#0a748a
```
#0a748a rgb(10,116,138)
```
#0b849c
```
#0b849c rgb(11,132,156)
```
#0d93af
```
#0d93af rgb(13,147,175)
```
#0ea3c1
```
#0ea3c1 rgb(14,163,193)
```
#0fb2d3
```
#0fb2d3 rgb(15,178,211)
```
#11c1e5
```
#11c1e5 rgb(17,193,229)
```

Shade Color Variation

#1bcbee
```
#1bcbee rgb(27,203,238)
```
#2ecff0
```
#2ecff0 rgb(46,207,240)
```
#40d3f1
```
#40d3f1 rgb(64,211,241)
```
#52d7f2
```
#52d7f2 rgb(82,215,242)
```
#65dbf4
```
#65dbf4 rgb(101,219,244)
```
#77e0f5
```
#77e0f5 rgb(119,224,245)
```
#89e4f6
```
#89e4f6 rgb(137,228,246)
```
#9be8f8
```
#9be8f8 rgb(155,232,248)
```
#aeecf9
```
#aeecf9 rgb(174,236,249)
```
#c0f0fa
```
#c0f0fa rgb(192,240,250)
```
#d2f5fc
```
#d2f5fc rgb(210,245,252)
```
#e4f9fd
```
#e4f9fd rgb(228,249,253)
```
#f7fdfe
```
#f7fdfe rgb(247,253,254)
```

Tint Color Variation

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

#979a9a
```
#979a9a rgb(151,154,154)
```
#8f9fa2
```
#8f9fa2 rgb(143,159,162)
```
#87a4aa
```
#87a4aa rgb(135,164,170)
```
#7fa9b2
```
#7fa9b2 rgb(127,169,178)
```
#77afba
```
#77afba rgb(119,175,186)
```
#6fb4c2
```
#6fb4c2 rgb(111,180,194)
```
#67b9ca
```
#67b9ca rgb(103,185,202)
```
#60bed1
```
#60bed1 rgb(96,190,209)
```
#58c3d9
```
#58c3d9 rgb(88,195,217)
```
#50c9e1
```
#50c9e1 rgb(80,201,225)
```
#48cee9
```
#48cee9 rgb(72,206,233)
```
#40d3f1
```
#40d3f1 rgb(64,211,241)
```
#38d8f9
```
#38d8f9 rgb(56,216,249)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#95b2b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc3e6 Protanopia 1% of men
#bac2f9 Deuteranopia 1% of men
#3fd7e6 Tritanopia 0.001% of the population

Trichromacy

#8fc9ea Protanomaly 1% of men, 0.01% of women
#8dc8f6 Deuteranomaly 6% of men, 0.4% of women
#3fd5ea Tritanomaly 0.01% of the population

#40d3f1 hex color

#40d3f1 Color Information

#40d3f1 Color Conversion

Color Schemes with #40d3f1

Alternatives to #40d3f1

#40d3f1 Preview

Shades and Tints of #40d3f1

Tones of #40d3f1

Color Blindness Simulator