colorhexa.com

#40b9ff hex color

In a RGB color space, hex #40b9ff is composed of 25.1% red, 72.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 27.5% magenta, 0% yellow and 0% black. It has a hue angle of 202 degrees, a saturation of 100% and a lightness of 62.5%. #40b9ff color hex could be obtained by blending #80ffff with #0073ff. Closest websafe color is: #33ccff.

- R 25
- G 73
- B 100
RGB color chart
- C 75
- M 27
- Y 0
- K 0
CMYK color chart

● #40b9ff color description : Light blue.

The hexadecimal color #40b9ff has RGB values of R:64, G:185, B:255 and CMYK values of C:0.75, M:0.27, Y:0, K:0. Its decimal value is 4241919.

Hex triplet	40b9ff	`#40b9ff`
RGB Decimal	64, 185, 255	`rgb(64,185,255)`
RGB Percent	25.1, 72.5, 100	`rgb(25.1%,72.5%,100%)`
CMYK	75, 27, 0, 0
HSL	202°, 100, 62.5	`hsl(202,100%,62.5%)`
HSV (or HSB)	202°, 74.9, 100
Web Safe	33ccff	`#33ccff`

CIE-LAB	71.558, -10.657, -44.042
XYZ	37.509, 43.005, 100.926
xyY	0.207, 0.237, 43.005
CIE-LCH	71.558, 45.313, 256.397
CIE-LUV	71.558, -42.397, -70.274
Hunter-Lab	65.578, -12.664, -45.344
Binary	01000000, 10111001, 11111111

#40b9ff
```
#40b9ff rgb(64,185,255)
```
#ff8640
```
#ff8640 rgb(255,134,64)
```

Complementary Color

#40ffe6
```
#40ffe6 rgb(64,255,230)
```
#40b9ff
```
#40b9ff rgb(64,185,255)
```
#405aff
```
#405aff rgb(64,90,255)
```

Analogous Color

#ffe640
```
#ffe640 rgb(255,230,64)
```
#40b9ff
```
#40b9ff rgb(64,185,255)
```
#ff405a
```
#ff405a rgb(255,64,90)
```

Split Complementary Color

#b9ff40
```
#b9ff40 rgb(185,255,64)
```
#40b9ff
```
#40b9ff rgb(64,185,255)
```
#ff40b9
```
#ff40b9 rgb(255,64,185)
```

Triadic Color

#40ff86
```
#40ff86 rgb(64,255,134)
```
#40b9ff
```
#40b9ff rgb(64,185,255)
```
#ff40b9
```
#ff40b9 rgb(255,64,185)
```
#ff8640
```
#ff8640 rgb(255,134,64)
```

Tetradic Color

#009af3
```
#009af3 rgb(0,154,243)
```
#0da6ff
```
#0da6ff rgb(13,166,255)
```
#27b0ff
```
#27b0ff rgb(39,176,255)
```
#40b9ff
```
#40b9ff rgb(64,185,255)
```
#5ac2ff
```
#5ac2ff rgb(90,194,255)
```
#73ccff
```
#73ccff rgb(115,204,255)
```
#8dd5ff
```
#8dd5ff rgb(141,213,255)
```

Monochromatic Color

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

#40e9ff
```
#40e9ff rgb(64,233,255)
```
#40d9ff
```
#40d9ff rgb(64,217,255)
```
#40c9ff
```
#40c9ff rgb(64,201,255)
```
#40b9ff
```
#40b9ff rgb(64,185,255)
```
#40a9ff
```
#40a9ff rgb(64,169,255)
```
#4099ff
```
#4099ff rgb(64,153,255)
```
#4089ff
```
#4089ff rgb(64,137,255)
```

Similar Colors

Text with hexadecimal color #40b9ff

This text has a font color of #40b9ff.

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

#40b9ff background color

This paragraph has a background color of #40b9ff.

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

#40b9ff border color

This element has a border color of #40b9ff.

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

CSS codes

.text {color:#40b9ff;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#001019
```
#001019 rgb(0,16,25)
```
#001c2c
```
#001c2c rgb(0,28,44)
```
#002940
```
#002940 rgb(0,41,64)
```
#003554
```
#003554 rgb(0,53,84)
```
#004167
```
#004167 rgb(0,65,103)
```
#004e7b
```
#004e7b rgb(0,78,123)
```
#005a8e
```
#005a8e rgb(0,90,142)
```
#0067a2
```
#0067a2 rgb(0,103,162)
```
#0073b6
```
#0073b6 rgb(0,115,182)
```
#0080c9
```
#0080c9 rgb(0,128,201)
```
#008cdd
```
#008cdd rgb(0,140,221)
```
#0098f1
```
#0098f1 rgb(0,152,241)
```

Shade Color Variation

#05a3ff
```
#05a3ff rgb(5,163,255)
```
#19abff
```
#19abff rgb(25,171,255)
```
#2cb2ff
```
#2cb2ff rgb(44,178,255)
```
#40b9ff
```
#40b9ff rgb(64,185,255)
```
#54c0ff
```
#54c0ff rgb(84,192,255)
```
#67c7ff
```
#67c7ff rgb(103,199,255)
```
#7bcfff
```
#7bcfff rgb(123,207,255)
```
#8ed6ff
```
#8ed6ff rgb(142,214,255)
```
#a2ddff
```
#a2ddff rgb(162,221,255)
```
#b6e4ff
```
#b6e4ff rgb(182,228,255)
```
#c9ebff
```
#c9ebff rgb(201,235,255)
```
#ddf3ff
```
#ddf3ff rgb(221,243,255)
```
#f1faff
```
#f1faff rgb(241,250,255)
```

Tint Color Variation

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

#98a1a7
```
#98a1a7 rgb(152,161,167)
```
#91a3ae
```
#91a3ae rgb(145,163,174)
```
#89a5b6
```
#89a5b6 rgb(137,165,182)
```
#82a7bd
```
#82a7bd rgb(130,167,189)
```
#7ba9c4
```
#7ba9c4 rgb(123,169,196)
```
#73abcc
```
#73abcc rgb(115,171,204)
```
#6cadd3
```
#6cadd3 rgb(108,173,211)
```
#65afda
```
#65afda rgb(101,175,218)
```
#5db1e2
```
#5db1e2 rgb(93,177,226)
```
#56b3e9
```
#56b3e9 rgb(86,179,233)
```
#4fb5f0
```
#4fb5f0 rgb(79,181,240)
```
#47b7f8
```
#47b7f8 rgb(71,183,248)
```
#40b9ff
```
#40b9ff rgb(64,185,255)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#8aa3b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9cb1f6 Protanopia 1% of men
#8eb2ff Deuteranopia 1% of men
#00c4d3 Tritanopia 0.001% of the population

Trichromacy

#7ab3f9 Protanomaly 1% of men, 0.01% of women
#72b5ff Deuteranomaly 6% of men, 0.4% of women
#17c0e3 Tritanomaly 0.01% of the population