#40a3fa hex color

In a RGB color space, hex #40a3fa is composed of 25.1% red, 63.9% green and 98% blue. Whereas in a CMYK color space, it is composed of 74.4% cyan, 34.8% magenta, 0% yellow and 2% black. It has a hue angle of 208.1 degrees, a saturation of 94.9% and a lightness of 61.6%. #40a3fa color hex could be obtained by blending #80ffff with #0047f5. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 25
- G 64
- B 98
RGB color chart
- C 74
- M 35
- Y 0
- K 2
CMYK color chart

● #40a3fa color description : Bright blue.

The hexadecimal color #40a3fa has RGB values of R:64, G:163, B:250 and CMYK values of C:0.74, M:0.35, Y:0, K:0.02. Its decimal value is 4236282.

Hex triplet	40a3fa	`#40a3fa`
RGB Decimal	64, 163, 250	`rgb(64,163,250)`
RGB Percent	25.1, 63.9, 98	`rgb(25.1%,63.9%,98%)`
CMYK	74, 35, 0, 2
HSL	208.1°, 94.9, 61.6	`hsl(208.1,94.9%,61.6%)`
HSV (or HSB)	208.1°, 74.4, 98
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.108, -0.1, -51.486
XYZ	32.463, 34.184, 95.325
xyY	0.2, 0.211, 34.184
CIE-LCH	65.108, 51.486, 269.888
CIE-LUV	65.108, -35.225, -83.118
Hunter-Lab	58.467, -3.208, -55.739
Binary	01000000, 10100011, 11111010

#40a3fa
```
#40a3fa rgb(64,163,250)
```
#fa9740
```
#fa9740 rgb(250,151,64)
```

Complementary Color

#40faf4
```
#40faf4 rgb(64,250,244)
```
#40a3fa
```
#40a3fa rgb(64,163,250)
```
#4046fa
```
#4046fa rgb(64,70,250)
```

Analogous Color

#faf440
```
#faf440 rgb(250,244,64)
```
#40a3fa
```
#40a3fa rgb(64,163,250)
```
#fa4046
```
#fa4046 rgb(250,64,70)
```

Split Complementary Color

#a3fa40
```
#a3fa40 rgb(163,250,64)
```
#40a3fa
```
#40a3fa rgb(64,163,250)
```
#fa40a3
```
#fa40a3 rgb(250,64,163)
```

Triadic Color

#40fa97
```
#40fa97 rgb(64,250,151)
```
#40a3fa
```
#40a3fa rgb(64,163,250)
```
#fa40a3
```
#fa40a3 rgb(250,64,163)
```
#fa9740
```
#fa9740 rgb(250,151,64)
```

Tetradic Color

#067ee7
```
#067ee7 rgb(6,126,231)
```
#0e8bf9
```
#0e8bf9 rgb(14,139,249)
```
#2797f9
```
#2797f9 rgb(39,151,249)
```
#40a3fa
```
#40a3fa rgb(64,163,250)
```
#59affb
```
#59affb rgb(89,175,251)
```
#72bbfb
```
#72bbfb rgb(114,187,251)
```
#8bc7fc
```
#8bc7fc rgb(139,199,252)
```

Monochromatic Color

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

#40d2fa
```
#40d2fa rgb(64,210,250)
```
#40c2fa
```
#40c2fa rgb(64,194,250)
```
#40b3fa
```
#40b3fa rgb(64,179,250)
```
#40a3fa
```
#40a3fa rgb(64,163,250)
```
#4094fa
```
#4094fa rgb(64,148,250)
```
#4084fa
```
#4084fa rgb(64,132,250)
```
#4075fa
```
#4075fa rgb(64,117,250)
```

Similar Colors

Text with hexadecimal color #40a3fa

This text has a font color of #40a3fa.

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

#40a3fa background color

This paragraph has a background color of #40a3fa.

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

#40a3fa border color

This element has a border color of #40a3fa.

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

CSS codes

.text {color:#40a3fa;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#010a13
```
#010a13 rgb(1,10,19)
```
#011526
```
#011526 rgb(1,21,38)
```
#021f39
```
#021f39 rgb(2,31,57)
```
#022a4d
```
#022a4d rgb(2,42,77)
```
#033460
```
#033460 rgb(3,52,96)
```
#033f73
```
#033f73 rgb(3,63,115)
```
#044986
```
#044986 rgb(4,73,134)
```
#045399
```
#045399 rgb(4,83,153)
```
#055eac
```
#055eac rgb(5,94,172)
```
#0568bf
```
#0568bf rgb(5,104,191)
```
#0673d2
```
#0673d2 rgb(6,115,210)
```
#067de6
```
#067de6 rgb(6,125,230)
```

Shade Color Variation

#0787f8
```
#0787f8 rgb(7,135,248)
```
#1a91f9
```
#1a91f9 rgb(26,145,249)
```
#2d9af9
```
#2d9af9 rgb(45,154,249)
```
#40a3fa
```
#40a3fa rgb(64,163,250)
```
#53acfb
```
#53acfb rgb(83,172,251)
```
#66b5fb
```
#66b5fb rgb(102,181,251)
```
#79bffc
```
#79bffc rgb(121,191,252)
```
#8cc8fc
```
#8cc8fc rgb(140,200,252)
```
#a0d1fd
```
#a0d1fd rgb(160,209,253)
```
#b3dafd
```
#b3dafd rgb(179,218,253)
```
#c6e3fe
```
#c6e3fe rgb(198,227,254)
```
#d9edfe
```
#d9edfe rgb(217,237,254)
```
#ecf6ff
```
#ecf6ff rgb(236,246,255)
```

Tint Color Variation

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

#9a9da0
```
#9a9da0 rgb(154,157,160)
```
#939ea7
```
#939ea7 rgb(147,158,167)
```
#8b9eaf
```
#8b9eaf rgb(139,158,175)
```
#849fb6
```
#849fb6 rgb(132,159,182)
```
#7c9fbe
```
#7c9fbe rgb(124,159,190)
```
#75a0c5
```
#75a0c5 rgb(117,160,197)
```
#6da0cd
```
#6da0cd rgb(109,160,205)
```
#66a1d4
```
#66a1d4 rgb(102,161,212)
```
#5ea1dc
```
#5ea1dc rgb(94,161,220)
```
#57a2e3
```
#57a2e3 rgb(87,162,227)
```
#4fa2eb
```
#4fa2eb rgb(79,162,235)
```
#48a3f2
```
#48a3f2 rgb(72,163,242)
```
#40a3fa
```
#40a3fa rgb(64,163,250)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#7f93a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#81a0f4 Protanopia 1% of men
#68a3fc Deuteranopia 1% of men
#00b2bf Tritanopia 0.001% of the population

Trichromacy

#69a1f6 Protanomaly 1% of men, 0.01% of women
#59a3fb Deuteranomaly 6% of men, 0.4% of women
#17add4 Tritanomaly 0.01% of the population

#40a3fa hex color

#40a3fa Color Information

#40a3fa Color Conversion

Color Schemes with #40a3fa

Alternatives to #40a3fa

#40a3fa Preview

Shades and Tints of #40a3fa

Tones of #40a3fa

Color Blindness Simulator