#42a5ff Color Information
In a RGB color space, hex #42a5ff is composed of 25.9% red, 64.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.1% cyan, 35.3% magenta, 0% yellow and 0% black. It has a hue angle of 208.6 degrees, a saturation of 100% and a lightness of 62.9%. #42a5ff color hex could be obtained by blending #84ffff with #004bff. Closest websafe color is: #3399ff.
-
- R 26
- G 65
- B 100
-
- C 74
- M 35
- Y 0
- K 0
● #42a5ff color description : Light blue.
#42a5ff Color Conversion
The hexadecimal color #42a5ff has RGB values of R:66, G:165, B:255 and CMYK values of C:0.74, M:0.35, Y:0, K:0. Its decimal value is 4367871.
Hex triplet | 42a5ff | #42a5ff |
---|---|---|
RGB Decimal | 66, 165, 255 | rgb(66,165,255) |
RGB Percent | 25.9, 64.7, 100 | rgb(25.9%,64.7%,100%) |
CMYK | 74, 35, 0, 0 | |
HSL | 208.6°, 100, 62.9 | hsl(208.6,100%,62.9%) |
HSV (or HSB) | 208.6°, 74.1, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.971, 0.734, -52.84 |
---|---|
XYZ | 33.748, 35.286, 99.635 |
xyY | 0.2, 0.209, 35.286 |
CIE-LCH | 65.971, 52.846, 270.796 |
CIE-LUV | 65.971, -35.357, -85.673 |
Hunter-Lab | 59.402, -2.543, -57.866 |
Binary | 01000010, 10100101, 11111111 |
Color Schemes with #42a5ff
Alternatives to #42a5ff
Below, you can see some colors close to #42a5ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#42a5ff Preview
This text has a font color of #42a5ff.
<span style="color:#42a5ff;">Text here</span>
This paragraph has a background color of #42a5ff.
<p style="background-color:#42a5ff;">Content here</p>
This element has a border color of #42a5ff.
<div style="border:1px solid #42a5ff;">Content here</div>
.text {color:#42a5ff;}
.background {background-color:#42a5ff;}
.border {border:1px solid #42a5ff;}
Shades and Tints of #42a5ff
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, #000407 is the darkest color, while #f3f9ff is the lightest one.
-
#000407
#000407
rgb(0,4,7)
-
#000e1b
#000e1b
rgb(0,14,27)
-
#00182e
#00182e
rgb(0,24,46)
-
#002342
#002342
rgb(0,35,66)
-
#002d56
#002d56
rgb(0,45,86)
-
#003769
#003769
rgb(0,55,105)
-
#00417d
#00417d
rgb(0,65,125)
-
#004c90
#004c90
rgb(0,76,144)
-
#0056a4
#0056a4
rgb(0,86,164)
-
#0060b8
#0060b8
rgb(0,96,184)
-
#006acb
#006acb
rgb(0,106,203)
-
#0075df
#0075df
rgb(0,117,223)
-
#007ff3
#007ff3
rgb(0,127,243)
-
#0789ff
#0789ff
rgb(7,137,255)
-
#1b92ff
#1b92ff
rgb(27,146,255)
-
#2e9cff
#2e9cff
rgb(46,156,255)
-
#42a5ff
#42a5ff
rgb(66,165,255)
-
#56aeff
#56aeff
rgb(86,174,255)
-
#69b8ff
#69b8ff
rgb(105,184,255)
-
#7dc1ff
#7dc1ff
rgb(125,193,255)
-
#90caff
#90caff
rgb(144,202,255)
-
#a4d4ff
#a4d4ff
rgb(164,212,255)
-
#b8ddff
#b8ddff
rgb(184,221,255)
-
#cbe6ff
#cbe6ff
rgb(203,230,255)
-
#dff0ff
#dff0ff
rgb(223,240,255)
-
#f3f9ff
#f3f9ff
rgb(243,249,255)
Tones of #42a5ff
A tone is produced by adding gray to any pure hue. In this case, #99a1a8 is the less saturated color, while #42a5ff is the most saturated one.
-
#99a1a8
#99a1a8
rgb(153,161,168)
-
#92a1af
#92a1af
rgb(146,161,175)
-
#8ba2b6
#8ba2b6
rgb(139,162,182)
-
#83a2be
#83a2be
rgb(131,162,190)
-
#7ca2c5
#7ca2c5
rgb(124,162,197)
-
#75a3cc
#75a3cc
rgb(117,163,204)
-
#6ea3d3
#6ea3d3
rgb(110,163,211)
-
#66a3db
#66a3db
rgb(102,163,219)
-
#5fa4e2
#5fa4e2
rgb(95,164,226)
-
#58a4e9
#58a4e9
rgb(88,164,233)
-
#51a4f0
#51a4f0
rgb(81,164,240)
-
#49a5f8
#49a5f8
rgb(73,165,248)
-
#42a5ff
#42a5ff
rgb(66,165,255)
Color Blindness Simulator
Below, you can see how #42a5ff 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.