colorhexa.com

#40a2fa hex color

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

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

● #40a2fa color description : Bright blue.

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

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

CIE-LAB	64.828, 0.474, -51.931
XYZ	32.286, 33.83, 95.266
xyY	0.2, 0.21, 33.83
CIE-LCH	64.828, 51.933, 270.523
CIE-LUV	64.828, -34.893, -83.871
Hunter-Lab	58.164, -2.703, -56.396
Binary	01000000, 10100010, 11111010

#40a2fa
```
#40a2fa rgb(64,162,250)
```
#fa9840
```
#fa9840 rgb(250,152,64)
```

Complementary Color

#40faf5
```
#40faf5 rgb(64,250,245)
```
#40a2fa
```
#40a2fa rgb(64,162,250)
```
#4045fa
```
#4045fa rgb(64,69,250)
```

Analogous Color

#faf540
```
#faf540 rgb(250,245,64)
```
#40a2fa
```
#40a2fa rgb(64,162,250)
```
#fa4045
```
#fa4045 rgb(250,64,69)
```

Split Complementary Color

#a2fa40
```
#a2fa40 rgb(162,250,64)
```
#40a2fa
```
#40a2fa rgb(64,162,250)
```
#fa40a2
```
#fa40a2 rgb(250,64,162)
```

Triadic Color

#40fa98
```
#40fa98 rgb(64,250,152)
```
#40a2fa
```
#40a2fa rgb(64,162,250)
```
#fa40a2
```
#fa40a2 rgb(250,64,162)
```
#fa9840
```
#fa9840 rgb(250,152,64)
```

Tetradic Color

#067de7
```
#067de7 rgb(6,125,231)
```
#0e8af9
```
#0e8af9 rgb(14,138,249)
```
#2796f9
```
#2796f9 rgb(39,150,249)
```
#40a2fa
```
#40a2fa rgb(64,162,250)
```
#59aefb
```
#59aefb rgb(89,174,251)
```
#72bafb
```
#72bafb rgb(114,186,251)
```
#8bc6fc
```
#8bc6fc rgb(139,198,252)
```

Monochromatic Color

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

#40d1fa
```
#40d1fa rgb(64,209,250)
```
#40c1fa
```
#40c1fa rgb(64,193,250)
```
#40b2fa
```
#40b2fa rgb(64,178,250)
```
#40a2fa
```
#40a2fa rgb(64,162,250)
```
#4093fa
```
#4093fa rgb(64,147,250)
```
#4083fa
```
#4083fa rgb(64,131,250)
```
#4074fa
```
#4074fa rgb(64,116,250)
```

Similar Colors

Text with hexadecimal color #40a2fa

This text has a font color of #40a2fa.

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

#40a2fa background color

This paragraph has a background color of #40a2fa.

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

#40a2fa border color

This element has a border color of #40a2fa.

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

CSS codes

.text {color:#40a2fa;}

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

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

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)
```
#02294d
```
#02294d rgb(2,41,77)
```
#033460
```
#033460 rgb(3,52,96)
```
#033e73
```
#033e73 rgb(3,62,115)
```
#044886
```
#044886 rgb(4,72,134)
```
#045399
```
#045399 rgb(4,83,153)
```
#055dac
```
#055dac rgb(5,93,172)
```
#0567bf
```
#0567bf rgb(5,103,191)
```
#0671d2
```
#0671d2 rgb(6,113,210)
```
#067ce6
```
#067ce6 rgb(6,124,230)
```

Shade Color Variation

#0786f8
```
#0786f8 rgb(7,134,248)
```
#1a8ff9
```
#1a8ff9 rgb(26,143,249)
```
#2d99f9
```
#2d99f9 rgb(45,153,249)
```
#40a2fa
```
#40a2fa rgb(64,162,250)
```
#53abfb
```
#53abfb rgb(83,171,251)
```
#66b5fb
```
#66b5fb rgb(102,181,251)
```
#79befc
```
#79befc rgb(121,190,252)
```
#8cc7fc
```
#8cc7fc rgb(140,199,252)
```
#a0d1fd
```
#a0d1fd rgb(160,209,253)
```
#b3dafd
```
#b3dafd rgb(179,218,253)
```
#c6e3fe
```
#c6e3fe rgb(198,227,254)
```
#d9ecfe
```
#d9ecfe rgb(217,236,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 #40a2fa is the most saturated one.

#9a9da0
```
#9a9da0 rgb(154,157,160)
```
#939ea7
```
#939ea7 rgb(147,158,167)
```
#8b9eaf
```
#8b9eaf rgb(139,158,175)
```
#849eb6
```
#849eb6 rgb(132,158,182)
```
#7c9fbe
```
#7c9fbe rgb(124,159,190)
```
#759fc5
```
#759fc5 rgb(117,159,197)
```
#6da0cd
```
#6da0cd rgb(109,160,205)
```
#66a0d4
```
#66a0d4 rgb(102,160,212)
```
#5ea0dc
```
#5ea0dc rgb(94,160,220)
```
#57a1e3
```
#57a1e3 rgb(87,161,227)
```
#4fa1eb
```
#4fa1eb rgb(79,161,235)
```
#48a2f2
```
#48a2f2 rgb(72,162,242)
```
#40a2fa
```
#40a2fa rgb(64,162,250)
```

Tone Color Variation

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

#809ff4 Protanopia 1% of men
#66a3fb Deuteranopia 1% of men
#00b2be Tritanopia 0.001% of the population

Trichromacy

#68a0f6 Protanomaly 1% of men, 0.01% of women
#58a2fb Deuteranomaly 6% of men, 0.4% of women
#17acd4 Tritanomaly 0.01% of the population