#40a5f4 Color Information
In a RGB color space, hex #40a5f4 is composed of 25.1% red, 64.7% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 32.4% magenta, 0% yellow and 4.3% black. It has a hue angle of 206.3 degrees, a saturation of 89.1% and a lightness of 60.4%. #40a5f4 color hex could be obtained by blending #80ffff with #004be9. Closest websafe color is: #3399ff.
-
- R 25
- G 65
- B 96
-
- C 74
- M 32
- Y 0
- K 4
● #40a5f4 color description : Bright blue.
#40a5f4 Color Conversion
The hexadecimal color #40a5f4 has RGB values of R:64, G:165, B:244 and CMYK values of C:0.74, M:0.32, Y:0, K:0.04. Its decimal value is 4236788.
Hex triplet | 40a5f4 | #40a5f4 |
---|---|---|
RGB Decimal | 64, 165, 244 | rgb(64,165,244) |
RGB Percent | 25.1, 64.7, 95.7 | rgb(25.1%,64.7%,95.7%) |
CMYK | 74, 32, 0, 4 | |
HSL | 206.3°, 89.1, 60.4 | hsl(206.3,89.1%,60.4%) |
HSV (or HSB) | 206.3°, 73.8, 95.7 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.381, -3.325, -47.779 |
---|---|
XYZ | 31.895, 34.529, 90.567 |
xyY | 0.203, 0.22, 34.529 |
CIE-LCH | 65.381, 47.895, 266.019 |
CIE-LUV | 65.381, -36.162, -76.55 |
Hunter-Lab | 58.762, -5.947, -50.248 |
Binary | 01000000, 10100101, 11110100 |
Color Schemes with #40a5f4
Alternatives to #40a5f4
Below, you can see some colors close to #40a5f4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#40a5f4 Preview
This text has a font color of #40a5f4.
<span style="color:#40a5f4;">Text here</span>
This paragraph has a background color of #40a5f4.
<p style="background-color:#40a5f4;">Content here</p>
This element has a border color of #40a5f4.
<div style="border:1px solid #40a5f4;">Content here</div>
.text {color:#40a5f4;}
.background {background-color:#40a5f4;}
.border {border:1px solid #40a5f4;}
Shades and Tints of #40a5f4
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, #01080d is the darkest color, while #f9fcff is the lightest one.
-
#01080d
#01080d
rgb(1,8,13)
-
#021320
#021320
rgb(2,19,32)
-
#031d32
#031d32
rgb(3,29,50)
-
#042845
#042845
rgb(4,40,69)
-
#053357
#053357
rgb(5,51,87)
-
#063e6a
#063e6a
rgb(6,62,106)
-
#07497c
#07497c
rgb(7,73,124)
-
#08548f
#08548f
rgb(8,84,143)
-
#095fa1
#095fa1
rgb(9,95,161)
-
#0a6ab4
#0a6ab4
rgb(10,106,180)
-
#0b74c6
#0b74c6
rgb(11,116,198)
-
#0c7fd9
#0c7fd9
rgb(12,127,217)
-
#0e8aec
#0e8aec
rgb(14,138,236)
-
#1b94f2
#1b94f2
rgb(27,148,242)
-
#2d9cf3
#2d9cf3
rgb(45,156,243)
-
#40a5f4
#40a5f4
rgb(64,165,244)
-
#53aef5
#53aef5
rgb(83,174,245)
-
#65b6f6
#65b6f6
rgb(101,182,246)
-
#78bff7
#78bff7
rgb(120,191,247)
-
#8ac8f8
#8ac8f8
rgb(138,200,248)
-
#9dd1f9
#9dd1f9
rgb(157,209,249)
-
#afd9fa
#afd9fa
rgb(175,217,250)
-
#c2e2fb
#c2e2fb
rgb(194,226,251)
-
#d4ebfd
#d4ebfd
rgb(212,235,253)
-
#e7f4fe
#e7f4fe
rgb(231,244,254)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #40a5f4
A tone is produced by adding gray to any pure hue. In this case, #959b9f is the less saturated color, while #38a6fc is the most saturated one.
-
#959b9f
#959b9f
rgb(149,155,159)
-
#8e9ca6
#8e9ca6
rgb(142,156,166)
-
#869cae
#869cae
rgb(134,156,174)
-
#7e9db6
#7e9db6
rgb(126,157,182)
-
#769ebe
#769ebe
rgb(118,158,190)
-
#6f9fc5
#6f9fc5
rgb(111,159,197)
-
#67a0cd
#67a0cd
rgb(103,160,205)
-
#5fa1d5
#5fa1d5
rgb(95,161,213)
-
#57a2dd
#57a2dd
rgb(87,162,221)
-
#50a3e4
#50a3e4
rgb(80,163,228)
-
#48a4ec
#48a4ec
rgb(72,164,236)
-
#40a5f4
#40a5f4
rgb(64,165,244)
-
#38a6fc
#38a6fc
rgb(56,166,252)
Color Blindness Simulator
Below, you can see how #40a5f4 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.