#40baf3 Color Information
In a RGB color space, hex #40baf3 is composed of 25.1% red, 72.9% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 73.7% cyan, 23.5% magenta, 0% yellow and 4.7% black. It has a hue angle of 199.1 degrees, a saturation of 88.2% and a lightness of 60.2%. #40baf3 color hex could be obtained by blending #80ffff with #0075e7. Closest websafe color is: #33ccff.
-
- R 25
- G 73
- B 95
-
- C 74
- M 23
- Y 0
- K 5
● #40baf3 color description : Bright blue.
#40baf3 Color Conversion
The hexadecimal color #40baf3 has RGB values of R:64, G:186, B:243 and CMYK values of C:0.74, M:0.23, Y:0, K:0.05. Its decimal value is 4242163.
Hex triplet | 40baf3 | #40baf3 |
---|---|---|
RGB Decimal | 64, 186, 243 | rgb(64,186,243) |
RGB Percent | 25.1, 72.9, 95.3 | rgb(25.1%,72.9%,95.3%) |
CMYK | 74, 23, 0, 5 | |
HSL | 199.1°, 88.2, 60.2 | hsl(199.1,88.2%,60.2%) |
HSV (or HSB) | 199.1°, 73.7, 95.3 | |
Web Safe | 33ccff | #33ccff |
CIE-LAB | 71.334, -15.192, -37.908 |
---|---|
XYZ | 35.847, 42.676, 91.137 |
xyY | 0.211, 0.252, 42.676 |
CIE-LCH | 71.334, 40.839, 248.161 |
CIE-LUV | 71.334, -43.409, -59.148 |
Hunter-Lab | 65.327, -16.373, -36.987 |
Binary | 01000000, 10111010, 11110011 |
Color Schemes with #40baf3
Alternatives to #40baf3
Below, you can see some colors close to #40baf3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#40baf3 Preview
This text has a font color of #40baf3.
<span style="color:#40baf3;">Text here</span>
This paragraph has a background color of #40baf3.
<p style="background-color:#40baf3;">Content here</p>
This element has a border color of #40baf3.
<div style="border:1px solid #40baf3;">Content here</div>
.text {color:#40baf3;}
.background {background-color:#40baf3;}
.border {border:1px solid #40baf3;}
Shades and Tints of #40baf3
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, #01080c is the darkest color, while #f9fdff is the lightest one.
-
#01080c
#01080c
rgb(1,8,12)
-
#02151e
#02151e
rgb(2,21,30)
-
#032231
#032231
rgb(3,34,49)
-
#042f43
#042f43
rgb(4,47,67)
-
#053c56
#053c56
rgb(5,60,86)
-
#074968
#074968
rgb(7,73,104)
-
#08567b
#08567b
rgb(8,86,123)
-
#09638d
#09638d
rgb(9,99,141)
-
#0a70a0
#0a70a0
rgb(10,112,160)
-
#0b7db2
#0b7db2
rgb(11,125,178)
-
#0c8ac5
#0c8ac5
rgb(12,138,197)
-
#0e97d7
#0e97d7
rgb(14,151,215)
-
#0fa4e9
#0fa4e9
rgb(15,164,233)
-
#1badf1
#1badf1
rgb(27,173,241)
-
#2eb3f2
#2eb3f2
rgb(46,179,242)
-
#40baf3
#40baf3
rgb(64,186,243)
-
#52c1f4
#52c1f4
rgb(82,193,244)
-
#65c7f5
#65c7f5
rgb(101,199,245)
-
#77cef6
#77cef6
rgb(119,206,246)
-
#8ad5f8
#8ad5f8
rgb(138,213,248)
-
#9cdbf9
#9cdbf9
rgb(156,219,249)
-
#afe2fa
#afe2fa
rgb(175,226,250)
-
#c1e9fb
#c1e9fb
rgb(193,233,251)
-
#d4effc
#d4effc
rgb(212,239,252)
-
#e6f6fd
#e6f6fd
rgb(230,246,253)
-
#f9fdff
#f9fdff
rgb(249,253,255)
Tones of #40baf3
A tone is produced by adding gray to any pure hue. In this case, #969b9d is the less saturated color, while #38bdfb is the most saturated one.
-
#969b9d
#969b9d
rgb(150,155,157)
-
#8e9ea5
#8e9ea5
rgb(142,158,165)
-
#86a0ad
#86a0ad
rgb(134,160,173)
-
#7ea3b5
#7ea3b5
rgb(126,163,181)
-
#77a6bc
#77a6bc
rgb(119,166,188)
-
#6fa9c4
#6fa9c4
rgb(111,169,196)
-
#67accc
#67accc
rgb(103,172,204)
-
#5fafd4
#5fafd4
rgb(95,175,212)
-
#57b1dc
#57b1dc
rgb(87,177,220)
-
#50b4e3
#50b4e3
rgb(80,180,227)
-
#48b7eb
#48b7eb
rgb(72,183,235)
-
#40baf3
#40baf3
rgb(64,186,243)
-
#38bdfb
#38bdfb
rgb(56,189,251)
Color Blindness Simulator
Below, you can see how #40baf3 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.