#40b4fd hex color

In a RGB color space, hex #40b4fd is composed of 25.1% red, 70.6% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 28.9% magenta, 0% yellow and 0.8% black. It has a hue angle of 203.2 degrees, a saturation of 97.9% and a lightness of 62.2%. #40b4fd color hex could be obtained by blending #80ffff with #0069fb. 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

● #40b4fd color description : Bright blue.

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

Hex triplet	40b4fd	`#40b4fd`
RGB Decimal	64, 180, 253	`rgb(64,180,253)`
RGB Percent	25.1, 70.6, 99.2	`rgb(25.1%,70.6%,99.2%)`
CMYK	75, 29, 0, 1
HSL	203.2°, 97.9, 62.2	`hsl(203.2,97.9%,62.2%)`
HSV (or HSB)	203.2°, 74.7, 99.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	70.051, -8.606, -45.325
XYZ	36.161, 40.821, 98.897
xyY	0.206, 0.232, 40.821
CIE-LCH	70.051, 46.135, 259.249
CIE-LUV	70.051, -40.803, -72.517
Hunter-Lab	63.892, -10.784, -47.05
Binary	01000000, 10110100, 11111101

#40b4fd
```
#40b4fd rgb(64,180,253)
```
#fd8940
```
#fd8940 rgb(253,137,64)
```

Complementary Color

#40fde8
```
#40fde8 rgb(64,253,232)
```
#40b4fd
```
#40b4fd rgb(64,180,253)
```
#4056fd
```
#4056fd rgb(64,86,253)
```

Analogous Color

#fde840
```
#fde840 rgb(253,232,64)
```
#40b4fd
```
#40b4fd rgb(64,180,253)
```
#fd4056
```
#fd4056 rgb(253,64,86)
```

Split Complementary Color

#b4fd40
```
#b4fd40 rgb(180,253,64)
```
#40b4fd
```
#40b4fd rgb(64,180,253)
```
#fd40b4
```
#fd40b4 rgb(253,64,180)
```

Triadic Color

#40fd89
```
#40fd89 rgb(64,253,137)
```
#40b4fd
```
#40b4fd rgb(64,180,253)
```
#fd40b4
```
#fd40b4 rgb(253,64,180)
```
#fd8940
```
#fd8940 rgb(253,137,64)
```

Tetradic Color

#0293ee
```
#0293ee rgb(2,147,238)
```
#0ea0fc
```
#0ea0fc rgb(14,160,252)
```
#27aafd
```
#27aafd rgb(39,170,253)
```
#40b4fd
```
#40b4fd rgb(64,180,253)
```
#59befd
```
#59befd rgb(89,190,253)
```
#72c8fe
```
#72c8fe rgb(114,200,254)
```
#8cd2fe
```
#8cd2fe rgb(140,210,254)
```

Monochromatic Color

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

#40e3fd
```
#40e3fd rgb(64,227,253)
```
#40d4fd
```
#40d4fd rgb(64,212,253)
```
#40c4fd
```
#40c4fd rgb(64,196,253)
```
#40b4fd
```
#40b4fd rgb(64,180,253)
```
#40a4fd
```
#40a4fd rgb(64,164,253)
```
#4095fd
```
#4095fd rgb(64,149,253)
```
#4085fd
```
#4085fd rgb(64,133,253)
```

Similar Colors

Text with hexadecimal color #40b4fd

This text has a font color of #40b4fd.

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

#40b4fd background color

This paragraph has a background color of #40b4fd.

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

#40b4fd border color

This element has a border color of #40b4fd.

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

CSS codes

.text {color:#40b4fd;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#000e17
```
#000e17 rgb(0,14,23)
```
#001a2a
```
#001a2a rgb(0,26,42)
```
#01263d
```
#01263d rgb(1,38,61)
```
#013251
```
#013251 rgb(1,50,81)
```
#013e64
```
#013e64 rgb(1,62,100)
```
#014a78
```
#014a78 rgb(1,74,120)
```
#01568b
```
#01568b rgb(1,86,139)
```
#02629e
```
#02629e rgb(2,98,158)
```
#026eb2
```
#026eb2 rgb(2,110,178)
```
#027ac5
```
#027ac5 rgb(2,122,197)
```
#0286d9
```
#0286d9 rgb(2,134,217)
```
#0292ec
```
#0292ec rgb(2,146,236)
```

Shade Color Variation

#069dfc
```
#069dfc rgb(6,157,252)
```
#19a5fd
```
#19a5fd rgb(25,165,253)
```
#2dacfd
```
#2dacfd rgb(45,172,253)
```
#40b4fd
```
#40b4fd rgb(64,180,253)
```
#53bcfd
```
#53bcfd rgb(83,188,253)
```
#67c3fd
```
#67c3fd rgb(103,195,253)
```
#7acbfe
```
#7acbfe rgb(122,203,254)
```
#8ed2fe
```
#8ed2fe rgb(142,210,254)
```
#a1dafe
```
#a1dafe rgb(161,218,254)
```
#b4e2fe
```
#b4e2fe rgb(180,226,254)
```
#c8e9fe
```
#c8e9fe rgb(200,233,254)
```
#dbf1ff
```
#dbf1ff rgb(219,241,255)
```
#eff9ff
```
#eff9ff rgb(239,249,255)
```

Tint Color Variation

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

#99a0a4
```
#99a0a4 rgb(153,160,164)
```
#92a1ab
```
#92a1ab rgb(146,161,171)
```
#8aa3b3
```
#8aa3b3 rgb(138,163,179)
```
#83a5ba
```
#83a5ba rgb(131,165,186)
```
#7ba6c2
```
#7ba6c2 rgb(123,166,194)
```
#74a8c9
```
#74a8c9 rgb(116,168,201)
```
#6daad0
```
#6daad0 rgb(109,170,208)
```
#65acd8
```
#65acd8 rgb(101,172,216)
```
#5eaddf
```
#5eaddf rgb(94,173,223)
```
#56afe7
```
#56afe7 rgb(86,175,231)
```
#4fb1ee
```
#4fb1ee rgb(79,177,238)
```
#47b2f6
```
#47b2f6 rgb(71,178,246)
```
#40b4fd
```
#40b4fd rgb(64,180,253)
```

Tone Color Variation

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

#96adf5 Protanopia 1% of men
#86afff Deuteranopia 1% of men
#00c0ce Tritanopia 0.001% of the population

Trichromacy

#77aff8 Protanomaly 1% of men, 0.01% of women
#6cb0fe Deuteranomaly 6% of men, 0.4% of women
#17bcdf Tritanomaly 0.01% of the population

#40b4fd hex color

#40b4fd Color Information

#40b4fd Color Conversion

Color Schemes with #40b4fd

Alternatives to #40b4fd

#40b4fd Preview

Shades and Tints of #40b4fd

Tones of #40b4fd

Color Blindness Simulator