#40b7ec hex color

In a RGB color space, hex #40b7ec is composed of 25.1% red, 71.8% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 22.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 198.5 degrees, a saturation of 81.9% and a lightness of 58.8%. #40b7ec color hex could be obtained by blending #80ffff with #006fd9. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 25
- G 72
- B 93
RGB color chart
- C 73
- M 22
- Y 0
- K 7
CMYK color chart

● #40b7ec color description : Bright blue.

The hexadecimal color #40b7ec has RGB values of R:64, G:183, B:236 and CMYK values of C:0.73, M:0.22, Y:0, K:0.07. Its decimal value is 4241388.

Hex triplet	40b7ec	`#40b7ec`
RGB Decimal	64, 183, 236	`rgb(64,183,236)`
RGB Percent	25.1, 71.8, 92.5	`rgb(25.1%,71.8%,92.5%)`
CMYK	73, 22, 0, 7
HSL	198.5°, 81.9, 58.8	`hsl(198.5,81.9%,58.8%)`
HSV (or HSB)	198.5°, 72.9, 92.5
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.183, -15.903, -35.9
XYZ	34.184, 41.01, 85.466
xyY	0.213, 0.255, 41.01
CIE-LCH	70.183, 39.264, 246.108
CIE-LUV	70.183, -42.765, -55.502
Hunter-Lab	64.039, -16.785, -34.301
Binary	01000000, 10110111, 11101100

#40b7ec
```
#40b7ec rgb(64,183,236)
```
#ec7540
```
#ec7540 rgb(236,117,64)
```

Complementary Color

#40eccb
```
#40eccb rgb(64,236,203)
```
#40b7ec
```
#40b7ec rgb(64,183,236)
```
#4061ec
```
#4061ec rgb(64,97,236)
```

Analogous Color

#eccb40
```
#eccb40 rgb(236,203,64)
```
#40b7ec
```
#40b7ec rgb(64,183,236)
```
#ec4061
```
#ec4061 rgb(236,64,97)
```

Split Complementary Color

#b7ec40
```
#b7ec40 rgb(183,236,64)
```
#40b7ec
```
#40b7ec rgb(64,183,236)
```
#ec40b7
```
#ec40b7 rgb(236,64,183)
```

Triadic Color

#40ec75
```
#40ec75 rgb(64,236,117)
```
#40b7ec
```
#40b7ec rgb(64,183,236)
```
#ec40b7
```
#ec40b7 rgb(236,64,183)
```
#ec7540
```
#ec7540 rgb(236,117,64)
```

Tetradic Color

#1493cb
```
#1493cb rgb(20,147,203)
```
#17a4e2
```
#17a4e2 rgb(23,164,226)
```
#29aeea
```
#29aeea rgb(41,174,234)
```
#40b7ec
```
#40b7ec rgb(64,183,236)
```
#57c0ee
```
#57c0ee rgb(87,192,238)
```
#6ec8f1
```
#6ec8f1 rgb(110,200,241)
```
#86d1f3
```
#86d1f3 rgb(134,209,243)
```

Monochromatic Color

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

#40e2ec
```
#40e2ec rgb(64,226,236)
```
#40d4ec
```
#40d4ec rgb(64,212,236)
```
#40c5ec
```
#40c5ec rgb(64,197,236)
```
#40b7ec
```
#40b7ec rgb(64,183,236)
```
#40a9ec
```
#40a9ec rgb(64,169,236)
```
#409aec
```
#409aec rgb(64,154,236)
```
#408cec
```
#408cec rgb(64,140,236)
```

Similar Colors

Text with hexadecimal color #40b7ec

This text has a font color of #40b7ec.

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

#40b7ec background color

This paragraph has a background color of #40b7ec.

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

#40b7ec border color

This element has a border color of #40b7ec.

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

CSS codes

.text {color:#40b7ec;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#021117
```
#021117 rgb(2,17,23)
```
#041e29
```
#041e29 rgb(4,30,41)
```
#062a3b
```
#062a3b rgb(6,42,59)
```
#08374d
```
#08374d rgb(8,55,77)
```
#09445e
```
#09445e rgb(9,68,94)
```
#0b5170
```
#0b5170 rgb(11,81,112)
```
#0d5e82
```
#0d5e82 rgb(13,94,130)
```
#0f6b94
```
#0f6b94 rgb(15,107,148)
```
#1078a6
```
#1078a6 rgb(16,120,166)
```
#1285b8
```
#1285b8 rgb(18,133,184)
```
#1492c9
```
#1492c9 rgb(20,146,201)
```
#169edb
```
#169edb rgb(22,158,219)
```

Shade Color Variation

#1caae8
```
#1caae8 rgb(28,170,232)
```
#2eb0ea
```
#2eb0ea rgb(46,176,234)
```
#40b7ec
```
#40b7ec rgb(64,183,236)
```
#52beee
```
#52beee rgb(82,190,238)
```
#64c4f0
```
#64c4f0 rgb(100,196,240)
```
#76cbf1
```
#76cbf1 rgb(118,203,241)
```
#87d2f3
```
#87d2f3 rgb(135,210,243)
```
#99d9f5
```
#99d9f5 rgb(153,217,245)
```
#abdff7
```
#abdff7 rgb(171,223,247)
```
#bde6f8
```
#bde6f8 rgb(189,230,248)
```
#cfedfa
```
#cfedfa rgb(207,237,250)
```
#e1f4fc
```
#e1f4fc rgb(225,244,252)
```
#f2fafe
```
#f2fafe rgb(242,250,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #91989b is the less saturated color, while #30bdfc is the most saturated one.

#91989b
```
#91989b rgb(145,152,155)
```
#899ba3
```
#899ba3 rgb(137,155,163)
```
#819eab
```
#819eab rgb(129,158,171)
```
#79a1b3
```
#79a1b3 rgb(121,161,179)
```
#70a4bc
```
#70a4bc rgb(112,164,188)
```
#68a8c4
```
#68a8c4 rgb(104,168,196)
```
#60abcc
```
#60abcc rgb(96,171,204)
```
#58aed4
```
#58aed4 rgb(88,174,212)
```
#50b1dc
```
#50b1dc rgb(80,177,220)
```
#48b4e4
```
#48b4e4 rgb(72,180,228)
```
#40b7ec
```
#40b7ec rgb(64,183,236)
```
#38baf4
```
#38baf4 rgb(56,186,244)
```
#30bdfc
```
#30bdfc rgb(48,189,252)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#879faa Atypical Achromatopsia 0.001% of the population

Dichromacy

#9fade4 Protanopia 1% of men
#95aef1 Deuteranopia 1% of men
#25c0ce Tritanopia 0.001% of the population

Trichromacy

#7cb1e7 Protanomaly 1% of men, 0.01% of women
#76b1ef Deuteranomaly 6% of men, 0.4% of women
#2fbdd9 Tritanomaly 0.01% of the population

#40b7ec hex color

#40b7ec Color Information

#40b7ec Color Conversion

Color Schemes with #40b7ec

Alternatives to #40b7ec

#40b7ec Preview

Shades and Tints of #40b7ec

Tones of #40b7ec

Color Blindness Simulator