#40abec hex color

In a RGB color space, hex #40abec is composed of 25.1% red, 67.1% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 72.9% cyan, 27.5% magenta, 0% yellow and 7.5% black. It has a hue angle of 202.7 degrees, a saturation of 81.9% and a lightness of 58.8%. #40abec color hex could be obtained by blending #80ffff with #0057d9. Closest websafe color is: #3399ff.

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

● #40abec color description : Bright blue.

The hexadecimal color #40abec has RGB values of R:64, G:171, B:236 and CMYK values of C:0.73, M:0.28, Y:0, K:0.07. Its decimal value is 4238316.

Hex triplet	40abec	`#40abec`
RGB Decimal	64, 171, 236	`rgb(64,171,236)`
RGB Percent	25.1, 67.1, 92.5	`rgb(25.1%,67.1%,92.5%)`
CMYK	73, 28, 0, 7
HSL	202.7°, 81.9, 58.8	`hsl(202.7,81.9%,58.8%)`
HSV (or HSB)	202.7°, 72.9, 92.5
Web Safe	3399ff	`#3399ff`

CIE-LAB	66.725, -9.414, -41.291
XYZ	31.814, 36.269, 84.676
xyY	0.208, 0.237, 36.269
CIE-LCH	66.725, 42.351, 257.156
CIE-LUV	66.725, -38.599, -65.056
Hunter-Lab	60.224, -11.098, -41.206
Binary	01000000, 10101011, 11101100

#40abec
```
#40abec rgb(64,171,236)
```
#ec8140
```
#ec8140 rgb(236,129,64)
```

Complementary Color

#40ecd7
```
#40ecd7 rgb(64,236,215)
```
#40abec
```
#40abec rgb(64,171,236)
```
#4055ec
```
#4055ec rgb(64,85,236)
```

Analogous Color

#ecd740
```
#ecd740 rgb(236,215,64)
```
#40abec
```
#40abec rgb(64,171,236)
```
#ec4055
```
#ec4055 rgb(236,64,85)
```

Split Complementary Color

#abec40
```
#abec40 rgb(171,236,64)
```
#40abec
```
#40abec rgb(64,171,236)
```
#ec40ab
```
#ec40ab rgb(236,64,171)
```

Triadic Color

#40ec81
```
#40ec81 rgb(64,236,129)
```
#40abec
```
#40abec rgb(64,171,236)
```
#ec40ab
```
#ec40ab rgb(236,64,171)
```
#ec8140
```
#ec8140 rgb(236,129,64)
```

Tetradic Color

#1486cb
```
#1486cb rgb(20,134,203)
```
#1795e2
```
#1795e2 rgb(23,149,226)
```
#29a1ea
```
#29a1ea rgb(41,161,234)
```
#40abec
```
#40abec rgb(64,171,236)
```
#57b5ee
```
#57b5ee rgb(87,181,238)
```
#6ebff1
```
#6ebff1 rgb(110,191,241)
```
#86caf3
```
#86caf3 rgb(134,202,243)
```

Monochromatic Color

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

#40d6ec
```
#40d6ec rgb(64,214,236)
```
#40c8ec
```
#40c8ec rgb(64,200,236)
```
#40b9ec
```
#40b9ec rgb(64,185,236)
```
#40abec
```
#40abec rgb(64,171,236)
```
#409dec
```
#409dec rgb(64,157,236)
```
#408eec
```
#408eec rgb(64,142,236)
```
#4080ec
```
#4080ec rgb(64,128,236)
```

Similar Colors

Text with hexadecimal color #40abec

This text has a font color of #40abec.

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

#40abec background color

This paragraph has a background color of #40abec.

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

#40abec border color

This element has a border color of #40abec.

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

CSS codes

.text {color:#40abec;}

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

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

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

#010305
```
#010305 rgb(1,3,5)
```
#020f17
```
#020f17 rgb(2,15,23)
```
#041b29
```
#041b29 rgb(4,27,41)
```
#06273b
```
#06273b rgb(6,39,59)
```
#08334d
```
#08334d rgb(8,51,77)
```
#093e5e
```
#093e5e rgb(9,62,94)
```
#0b4a70
```
#0b4a70 rgb(11,74,112)
```
#0d5682
```
#0d5682 rgb(13,86,130)
```
#0f6294
```
#0f6294 rgb(15,98,148)
```
#106da6
```
#106da6 rgb(16,109,166)
```
#1279b8
```
#1279b8 rgb(18,121,184)
```
#1485c9
```
#1485c9 rgb(20,133,201)
```
#1691db
```
#1691db rgb(22,145,219)
```

Shade Color Variation

#1c9be8
```
#1c9be8 rgb(28,155,232)
```
#2ea3ea
```
#2ea3ea rgb(46,163,234)
```
#40abec
```
#40abec rgb(64,171,236)
```
#52b3ee
```
#52b3ee rgb(82,179,238)
```
#64bbf0
```
#64bbf0 rgb(100,187,240)
```
#76c3f1
```
#76c3f1 rgb(118,195,241)
```
#87caf3
```
#87caf3 rgb(135,202,243)
```
#99d2f5
```
#99d2f5 rgb(153,210,245)
```
#abdaf7
```
#abdaf7 rgb(171,218,247)
```
#bde2f8
```
#bde2f8 rgb(189,226,248)
```
#cfeafa
```
#cfeafa rgb(207,234,250)
```
#e1f2fc
```
#e1f2fc rgb(225,242,252)
```
#f2f9fe
```
#f2f9fe rgb(242,249,254)
```

Tint Color Variation

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

#91979b
```
#91979b rgb(145,151,155)
```
#8999a3
```
#8999a3 rgb(137,153,163)
```
#819bab
```
#819bab rgb(129,155,171)
```
#799db3
```
#799db3 rgb(121,157,179)
```
#709fbc
```
#709fbc rgb(112,159,188)
```
#68a1c4
```
#68a1c4 rgb(104,161,196)
```
#60a3cc
```
#60a3cc rgb(96,163,204)
```
#58a5d4
```
#58a5d4 rgb(88,165,212)
```
#50a7dc
```
#50a7dc rgb(80,167,220)
```
#48a9e4
```
#48a9e4 rgb(72,169,228)
```
#40abec
```
#40abec rgb(64,171,236)
```
#38adf4
```
#38adf4 rgb(56,173,244)
```
#30affc
```
#30affc rgb(48,175,252)
```

Tone Color Variation

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

#929292 Achromatopsia 0.005% of the population
#8297a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a4e5 Protanopia 1% of men
#83a6f0 Deuteranopia 1% of men
#00b7c4 Tritanopia 0.001% of the population

Trichromacy

#73a7e7 Protanomaly 1% of men, 0.01% of women
#6aa8ee Deuteranomaly 6% of men, 0.4% of women
#17b2d3 Tritanomaly 0.01% of the population

#40abec hex color

#40abec Color Information

#40abec Color Conversion

Color Schemes with #40abec

Alternatives to #40abec

#40abec Preview

Shades and Tints of #40abec

Tones of #40abec

Color Blindness Simulator