#40b4fc hex color

In a RGB color space, hex #40b4fc is composed of 25.1% red, 70.6% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 74.6% cyan, 28.6% magenta, 0% yellow and 1.2% black. It has a hue angle of 203 degrees, a saturation of 96.9% and a lightness of 62%. #40b4fc color hex could be obtained by blending #80ffff with #0069f9. Closest websafe color is: #33ccff.

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

● #40b4fc color description : Bright blue.

The hexadecimal color #40b4fc has RGB values of R:64, G:180, B:252 and CMYK values of C:0.75, M:0.29, Y:0, K:0.01. Its decimal value is 4240636.

Hex triplet	40b4fc	`#40b4fc`
RGB Decimal	64, 180, 252	`rgb(64,180,252)`
RGB Percent	25.1, 70.6, 98.8	`rgb(25.1%,70.6%,98.8%)`
CMYK	75, 29, 0, 1
HSL	203°, 96.9, 62	`hsl(203,96.9%,62%)`
HSV (or HSB)	203°, 74.6, 98.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.006, -8.945, -44.855
XYZ	36.002, 40.758, 98.06
xyY	0.206, 0.233, 40.758
CIE-LCH	70.006, 45.738, 258.722
CIE-LUV	70.006, -40.855, -71.663
Hunter-Lab	63.842, -11.063, -46.379
Binary	01000000, 10110100, 11111100

#40b4fc
```
#40b4fc rgb(64,180,252)
```
#fc8840
```
#fc8840 rgb(252,136,64)
```

Complementary Color

#40fce6
```
#40fce6 rgb(64,252,230)
```
#40b4fc
```
#40b4fc rgb(64,180,252)
```
#4056fc
```
#4056fc rgb(64,86,252)
```

Analogous Color

#fce640
```
#fce640 rgb(252,230,64)
```
#40b4fc
```
#40b4fc rgb(64,180,252)
```
#fc4056
```
#fc4056 rgb(252,64,86)
```

Split Complementary Color

#b4fc40
```
#b4fc40 rgb(180,252,64)
```
#40b4fc
```
#40b4fc rgb(64,180,252)
```
#fc40b4
```
#fc40b4 rgb(252,64,180)
```

Triadic Color

#40fc88
```
#40fc88 rgb(64,252,136)
```
#40b4fc
```
#40b4fc rgb(64,180,252)
```
#fc40b4
```
#fc40b4 rgb(252,64,180)
```
#fc8840
```
#fc8840 rgb(252,136,64)
```

Tetradic Color

#0493ec
```
#0493ec rgb(4,147,236)
```
#0ea0fb
```
#0ea0fb rgb(14,160,251)
```
#27aafc
```
#27aafc rgb(39,170,252)
```
#40b4fc
```
#40b4fc rgb(64,180,252)
```
#59befc
```
#59befc rgb(89,190,252)
```
#72c8fd
```
#72c8fd rgb(114,200,253)
```
#8bd2fd
```
#8bd2fd rgb(139,210,253)
```

Monochromatic Color

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

#40e3fc
```
#40e3fc rgb(64,227,252)
```
#40d3fc
```
#40d3fc rgb(64,211,252)
```
#40c4fc
```
#40c4fc rgb(64,196,252)
```
#40b4fc
```
#40b4fc rgb(64,180,252)
```
#40a4fc
```
#40a4fc rgb(64,164,252)
```
#4095fc
```
#4095fc rgb(64,149,252)
```
#4085fc
```
#4085fc rgb(64,133,252)
```

Similar Colors

Text with hexadecimal color #40b4fc

This text has a font color of #40b4fc.

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

#40b4fc background color

This paragraph has a background color of #40b4fc.

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

#40b4fc border color

This element has a border color of #40b4fc.

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

CSS codes

.text {color:#40b4fc;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000d15
```
#000d15 rgb(0,13,21)
```
#011929
```
#011929 rgb(1,25,41)
```
#01253c
```
#01253c rgb(1,37,60)
```
#01314f
```
#01314f rgb(1,49,79)
```
#023d63
```
#023d63 rgb(2,61,99)
```
#024a76
```
#024a76 rgb(2,74,118)
```
#025689
```
#025689 rgb(2,86,137)
```
#02629d
```
#02629d rgb(2,98,157)
```
#036eb0
```
#036eb0 rgb(3,110,176)
```
#037ac3
```
#037ac3 rgb(3,122,195)
```
#0386d7
```
#0386d7 rgb(3,134,215)
```
#0492ea
```
#0492ea rgb(4,146,234)
```

Shade Color Variation

#069dfb
```
#069dfb rgb(6,157,251)
```
#19a5fb
```
#19a5fb rgb(25,165,251)
```
#2dacfc
```
#2dacfc rgb(45,172,252)
```
#40b4fc
```
#40b4fc rgb(64,180,252)
```
#53bcfc
```
#53bcfc rgb(83,188,252)
```
#67c3fd
```
#67c3fd rgb(103,195,253)
```
#7acbfd
```
#7acbfd rgb(122,203,253)
```
#8dd2fd
```
#8dd2fd rgb(141,210,253)
```
#a1dafe
```
#a1dafe rgb(161,218,254)
```
#b4e1fe
```
#b4e1fe rgb(180,225,254)
```
#c7e9fe
```
#c7e9fe rgb(199,233,254)
```
#daf1fe
```
#daf1fe rgb(218,241,254)
```
#eef8ff
```
#eef8ff rgb(238,248,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9fa2 is the less saturated color, while #40b4fc is the most saturated one.

#9a9fa2
```
#9a9fa2 rgb(154,159,162)
```
#92a1aa
```
#92a1aa rgb(146,161,170)
```
#8ba3b1
```
#8ba3b1 rgb(139,163,177)
```
#83a4b9
```
#83a4b9 rgb(131,164,185)
```
#7ca6c0
```
#7ca6c0 rgb(124,166,192)
```
#74a8c8
```
#74a8c8 rgb(116,168,200)
```
#6daacf
```
#6daacf rgb(109,170,207)
```
#65abd7
```
#65abd7 rgb(101,171,215)
```
#5eadde
```
#5eadde rgb(94,173,222)
```
#56afe6
```
#56afe6 rgb(86,175,230)
```
#4fb1ed
```
#4fb1ed rgb(79,177,237)
```
#47b2f5
```
#47b2f5 rgb(71,178,245)
```
#40b4fc
```
#40b4fc rgb(64,180,252)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#889fae Atypical Achromatopsia 0.001% of the population

Dichromacy

#96adf4 Protanopia 1% of men
#86aeff Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#77aff7 Protanomaly 1% of men, 0.01% of women
#6cb0fd Deuteranomaly 6% of men, 0.4% of women
#17bbde Tritanomaly 0.01% of the population

#40b4fc hex color

#40b4fc Color Information

#40b4fc Color Conversion

Color Schemes with #40b4fc

Alternatives to #40b4fc

#40b4fc Preview

Shades and Tints of #40b4fc

Tones of #40b4fc

Color Blindness Simulator