#40a5fd Color Information
In a RGB color space, hex #40a5fd is composed of 25.1% red, 64.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 34.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 207.9 degrees, a saturation of 97.9% and a lightness of 62.2%. #40a5fd color hex could be obtained by blending #80ffff with #004bfb. Closest websafe color is: #3399ff.
-
- R 25
- G 65
- B 99
-
- C 75
- M 35
- Y 0
- K 1
● #40a5fd color description : Bright blue.
#40a5fd Color Conversion
The hexadecimal color #40a5fd has RGB values of R:64, G:165, B:253 and CMYK values of C:0.75, M:0.35, Y:0, K:0.01. Its decimal value is 4236797.
Hex triplet | 40a5fd | #40a5fd |
---|---|---|
RGB Decimal | 64, 165, 253 | rgb(64,165,253) |
RGB Percent | 25.1, 64.7, 99.2 | rgb(25.1%,64.7%,99.2%) |
CMYK | 75, 35, 0, 1 | |
HSL | 207.9°, 97.9, 62.2 | hsl(207.9,97.9%,62.2%) |
HSV (or HSB) | 207.9°, 74.7, 99.2 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.818, -0.199, -51.997 |
---|---|
XYZ | 33.295, 35.089, 97.941 |
xyY | 0.2, 0.211, 35.089 |
CIE-LCH | 65.818, 51.997, 269.78 |
CIE-LUV | 65.818, -35.76, -84.116 |
Hunter-Lab | 59.236, -3.334, -56.565 |
Binary | 01000000, 10100101, 11111101 |
Color Schemes with #40a5fd
Alternatives to #40a5fd
Below, you can see some colors close to #40a5fd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#40a5fd Preview
This text has a font color of #40a5fd.
<span style="color:#40a5fd;">Text here</span>
This paragraph has a background color of #40a5fd.
<p style="background-color:#40a5fd;">Content here</p>
This element has a border color of #40a5fd.
<div style="border:1px solid #40a5fd;">Content here</div>
.text {color:#40a5fd;}
.background {background-color:#40a5fd;}
.border {border:1px solid #40a5fd;}
Shades and Tints of #40a5fd
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 #eff7ff is the lightest one.
-
#000203
#000203
rgb(0,2,3)
-
#000c17
#000c17
rgb(0,12,23)
-
#00172a
#00172a
rgb(0,23,42)
-
#01213d
#01213d
rgb(1,33,61)
-
#012c51
#012c51
rgb(1,44,81)
-
#013664
#013664
rgb(1,54,100)
-
#014078
#014078
rgb(1,64,120)
-
#014b8b
#014b8b
rgb(1,75,139)
-
#02559e
#02559e
rgb(2,85,158)
-
#0260b2
#0260b2
rgb(2,96,178)
-
#026ac5
#026ac5
rgb(2,106,197)
-
#0275d9
#0275d9
rgb(2,117,217)
-
#027fec
#027fec
rgb(2,127,236)
-
#068afc
#068afc
rgb(6,138,252)
-
#1993fd
#1993fd
rgb(25,147,253)
-
#2d9cfd
#2d9cfd
rgb(45,156,253)
-
#40a5fd
#40a5fd
rgb(64,165,253)
-
#53aefd
#53aefd
rgb(83,174,253)
-
#67b7fd
#67b7fd
rgb(103,183,253)
-
#7ac0fe
#7ac0fe
rgb(122,192,254)
-
#8ecafe
#8ecafe
rgb(142,202,254)
-
#a1d3fe
#a1d3fe
rgb(161,211,254)
-
#b4dcfe
#b4dcfe
rgb(180,220,254)
-
#c8e5fe
#c8e5fe
rgb(200,229,254)
-
#dbeeff
#dbeeff
rgb(219,238,255)
-
#eff7ff
#eff7ff
rgb(239,247,255)
Tones of #40a5fd
A tone is produced by adding gray to any pure hue. In this case, #999fa4 is the less saturated color, while #40a5fd is the most saturated one.
-
#999fa4
#999fa4
rgb(153,159,164)
-
#929fab
#929fab
rgb(146,159,171)
-
#8aa0b3
#8aa0b3
rgb(138,160,179)
-
#83a0ba
#83a0ba
rgb(131,160,186)
-
#7ba1c2
#7ba1c2
rgb(123,161,194)
-
#74a1c9
#74a1c9
rgb(116,161,201)
-
#6da2d0
#6da2d0
rgb(109,162,208)
-
#65a2d8
#65a2d8
rgb(101,162,216)
-
#5ea3df
#5ea3df
rgb(94,163,223)
-
#56a3e7
#56a3e7
rgb(86,163,231)
-
#4fa4ee
#4fa4ee
rgb(79,164,238)
-
#47a4f6
#47a4f6
rgb(71,164,246)
-
#40a5fd
#40a5fd
rgb(64,165,253)
Color Blindness Simulator
Below, you can see how #40a5fd 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.