#40b3f2 hex color

In a RGB color space, hex #40b3f2 is composed of 25.1% red, 70.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 73.6% cyan, 26% magenta, 0% yellow and 5.1% black. It has a hue angle of 201.2 degrees, a saturation of 87.3% and a lightness of 60%. #40b3f2 color hex could be obtained by blending #80ffff with #0067e5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 25
- G 70
- B 95
RGB color chart
- C 74
- M 26
- Y 0
- K 5
CMYK color chart

● #40b3f2 color description : Bright blue.

The hexadecimal color #40b3f2 has RGB values of R:64, G:179, B:242 and CMYK values of C:0.74, M:0.26, Y:0, K:0.05. Its decimal value is 4240370.

Hex triplet	40b3f2	`#40b3f2`
RGB Decimal	64, 179, 242	`rgb(64,179,242)`
RGB Percent	25.1, 70.2, 94.9	`rgb(25.1%,70.2%,94.9%)`
CMYK	74, 26, 0, 5
HSL	201.2°, 87.3, 60	`hsl(201.2,87.3%,60%)`
HSV (or HSB)	201.2°, 73.6, 94.9
Web Safe	33ccff	`#33ccff`

CIE-LAB	69.283, -11.768, -40.564
XYZ	34.257, 39.738, 89.864
xyY	0.209, 0.243, 39.738
CIE-LCH	69.283, 42.236, 253.822
CIE-LUV	69.283, -41.045, -63.876
Hunter-Lab	63.038, -13.313, -40.394
Binary	01000000, 10110011, 11110010

#40b3f2
```
#40b3f2 rgb(64,179,242)
```
#f27f40
```
#f27f40 rgb(242,127,64)
```

Complementary Color

#40f2d8
```
#40f2d8 rgb(64,242,216)
```
#40b3f2
```
#40b3f2 rgb(64,179,242)
```
#405af2
```
#405af2 rgb(64,90,242)
```

Analogous Color

#f2d840
```
#f2d840 rgb(242,216,64)
```
#40b3f2
```
#40b3f2 rgb(64,179,242)
```
#f2405a
```
#f2405a rgb(242,64,90)
```

Split Complementary Color

#b3f240
```
#b3f240 rgb(179,242,64)
```
#40b3f2
```
#40b3f2 rgb(64,179,242)
```
#f240b3
```
#f240b3 rgb(242,64,179)
```

Triadic Color

#40f27f
```
#40f27f rgb(64,242,127)
```
#40b3f2
```
#40b3f2 rgb(64,179,242)
```
#f240b3
```
#f240b3 rgb(242,64,179)
```
#f27f40
```
#f27f40 rgb(242,127,64)
```

Tetradic Color

#0f90d7
```
#0f90d7 rgb(15,144,215)
```
#10a0ef
```
#10a0ef rgb(16,160,239)
```
#28aaf0
```
#28aaf0 rgb(40,170,240)
```
#40b3f2
```
#40b3f2 rgb(64,179,242)
```
#58bdf4
```
#58bdf4 rgb(88,189,244)
```
#70c6f5
```
#70c6f5 rgb(112,198,245)
```
#88d0f7
```
#88d0f7 rgb(136,208,247)
```

Monochromatic Color

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

#40e0f2
```
#40e0f2 rgb(64,224,242)
```
#40d1f2
```
#40d1f2 rgb(64,209,242)
```
#40c2f2
```
#40c2f2 rgb(64,194,242)
```
#40b3f2
```
#40b3f2 rgb(64,179,242)
```
#40a4f2
```
#40a4f2 rgb(64,164,242)
```
#4095f2
```
#4095f2 rgb(64,149,242)
```
#4087f2
```
#4087f2 rgb(64,135,242)
```

Similar Colors

Text with hexadecimal color #40b3f2

This text has a font color of #40b3f2.

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

#40b3f2 background color

This paragraph has a background color of #40b3f2.

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

#40b3f2 border color

This element has a border color of #40b3f2.

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

CSS codes

.text {color:#40b3f2;}

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

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

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, #01070b is the darkest color, while #f8fcff is the lightest one.

#01070b
```
#01070b rgb(1,7,11)
```
#02141d
```
#02141d rgb(2,20,29)
```
#032030
```
#032030 rgb(3,32,48)
```
#052c42
```
#052c42 rgb(5,44,66)
```
#063954
```
#063954 rgb(6,57,84)
```
#074567
```
#074567 rgb(7,69,103)
```
#085179
```
#085179 rgb(8,81,121)
```
#0a5e8c
```
#0a5e8c rgb(10,94,140)
```
#0b6a9e
```
#0b6a9e rgb(11,106,158)
```
#0c76b0
```
#0c76b0 rgb(12,118,176)
```
#0d82c3
```
#0d82c3 rgb(13,130,195)
```
#0f8fd5
```
#0f8fd5 rgb(15,143,213)
```
#109be7
```
#109be7 rgb(16,155,231)
```

Shade Color Variation

#1ba4f0
```
#1ba4f0 rgb(27,164,240)
```
#2eacf1
```
#2eacf1 rgb(46,172,241)
```
#40b3f2
```
#40b3f2 rgb(64,179,242)
```
#52baf3
```
#52baf3 rgb(82,186,243)
```
#65c2f5
```
#65c2f5 rgb(101,194,245)
```
#77c9f6
```
#77c9f6 rgb(119,201,246)
```
#89d0f7
```
#89d0f7 rgb(137,208,247)
```
#9cd8f8
```
#9cd8f8 rgb(156,216,248)
```
#aedffa
```
#aedffa rgb(174,223,250)
```
#c1e6fb
```
#c1e6fb rgb(193,230,251)
```
#d3edfc
```
#d3edfc rgb(211,237,252)
```
#e5f5fd
```
#e5f5fd rgb(229,245,253)
```
#f8fcff
```
#f8fcff rgb(248,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #969a9c is the less saturated color, while #38b5fa is the most saturated one.

#969a9c
```
#969a9c rgb(150,154,156)
```
#8e9ca4
```
#8e9ca4 rgb(142,156,164)
```
#879eab
```
#879eab rgb(135,158,171)
```
#7fa1b3
```
#7fa1b3 rgb(127,161,179)
```
#77a3bb
```
#77a3bb rgb(119,163,187)
```
#6fa5c3
```
#6fa5c3 rgb(111,165,195)
```
#67a8cb
```
#67a8cb rgb(103,168,203)
```
#5faad3
```
#5faad3 rgb(95,170,211)
```
#58acda
```
#58acda rgb(88,172,218)
```
#50aee2
```
#50aee2 rgb(80,174,226)
```
#48b1ea
```
#48b1ea rgb(72,177,234)
```
#40b3f2
```
#40b3f2 rgb(64,179,242)
```
#38b5fa
```
#38b5fa rgb(56,181,250)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#869daa Atypical Achromatopsia 0.001% of the population

Dichromacy

#99abea Protanopia 1% of men
#8bacf6 Deuteranopia 1% of men
#00becc Tritanopia 0.001% of the population

Trichromacy

#78aeed Protanomaly 1% of men, 0.01% of women
#70aef5 Deuteranomaly 6% of men, 0.4% of women
#17bada Tritanomaly 0.01% of the population

#40b3f2 hex color

#40b3f2 Color Information

#40b3f2 Color Conversion

Color Schemes with #40b3f2

Alternatives to #40b3f2

#40b3f2 Preview

Shades and Tints of #40b3f2

Tones of #40b3f2

Color Blindness Simulator