#42a5f1 Color Information
In a RGB color space, hex #42a5f1 is composed of 25.9% red, 64.7% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 72.6% cyan, 31.5% magenta, 0% yellow and 5.5% black. It has a hue angle of 206.1 degrees, a saturation of 86.2% and a lightness of 60.2%. #42a5f1 color hex could be obtained by blending #84ffff with #004be3. Closest websafe color is: #3399ff.
-
- R 26
- G 65
- B 95
-
- C 73
- M 32
- Y 0
- K 5
● #42a5f1 color description : Bright blue.
#42a5f1 Color Conversion
The hexadecimal color #42a5f1 has RGB values of R:66, G:165, B:241 and CMYK values of C:0.73, M:0.32, Y:0, K:0.05. Its decimal value is 4367857.
Hex triplet | 42a5f1 | #42a5f1 |
---|---|---|
RGB Decimal | 66, 165, 241 | rgb(66,165,241) |
RGB Percent | 25.9, 64.7, 94.5 | rgb(25.9%,64.7%,94.5%) |
CMYK | 73, 32, 0, 5 | |
HSL | 206.1°, 86.2, 60.2 | hsl(206.1,86.2%,60.2%) |
HSV (or HSB) | 206.1°, 72.6, 94.5 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.292, -4.107, -46.274 |
---|---|
XYZ | 31.575, 34.417, 88.193 |
xyY | 0.205, 0.223, 34.417 |
CIE-LCH | 65.292, 46.456, 264.928 |
CIE-LUV | 65.292, -35.968, -73.897 |
Hunter-Lab | 58.666, -6.593, -48.065 |
Binary | 01000010, 10100101, 11110001 |
Color Schemes with #42a5f1
Alternatives to #42a5f1
Below, you can see some colors close to #42a5f1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#42a5f1 Preview
This text has a font color of #42a5f1.
<span style="color:#42a5f1;">Text here</span>
This paragraph has a background color of #42a5f1.
<p style="background-color:#42a5f1;">Content here</p>
This element has a border color of #42a5f1.
<div style="border:1px solid #42a5f1;">Content here</div>
.text {color:#42a5f1;}
.background {background-color:#42a5f1;}
.border {border:1px solid #42a5f1;}
Shades and Tints of #42a5f1
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, #01070c is the darkest color, while #f9fcff is the lightest one.
-
#01070c
#01070c
rgb(1,7,12)
-
#02121e
#02121e
rgb(2,18,30)
-
#041d30
#041d30
rgb(4,29,48)
-
#052843
#052843
rgb(5,40,67)
-
#063355
#063355
rgb(6,51,85)
-
#083e67
#083e67
rgb(8,62,103)
-
#094979
#094979
rgb(9,73,121)
-
#0a548c
#0a548c
rgb(10,84,140)
-
#0c5e9e
#0c5e9e
rgb(12,94,158)
-
#0d69b0
#0d69b0
rgb(13,105,176)
-
#0e74c3
#0e74c3
rgb(14,116,195)
-
#107fd5
#107fd5
rgb(16,127,213)
-
#118ae7
#118ae7
rgb(17,138,231)
-
#1d94ee
#1d94ee
rgb(29,148,238)
-
#309cf0
#309cf0
rgb(48,156,240)
-
#42a5f1
#42a5f1
rgb(66,165,241)
-
#54aef2
#54aef2
rgb(84,174,242)
-
#67b6f4
#67b6f4
rgb(103,182,244)
-
#79bff5
#79bff5
rgb(121,191,245)
-
#8bc8f6
#8bc8f6
rgb(139,200,246)
-
#9dd0f8
#9dd0f8
rgb(157,208,248)
-
#b0d9f9
#b0d9f9
rgb(176,217,249)
-
#c2e2fa
#c2e2fa
rgb(194,226,250)
-
#d4ebfc
#d4ebfc
rgb(212,235,252)
-
#e6f3fd
#e6f3fd
rgb(230,243,253)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #42a5f1
A tone is produced by adding gray to any pure hue. In this case, #989a9b is the less saturated color, while #3aa6f9 is the most saturated one.
-
#989a9b
#989a9b
rgb(152,154,155)
-
#909ba3
#909ba3
rgb(144,155,163)
-
#889cab
#889cab
rgb(136,156,171)
-
#809db3
#809db3
rgb(128,157,179)
-
#799eba
#799eba
rgb(121,158,186)
-
#719fc2
#719fc2
rgb(113,159,194)
-
#69a0ca
#69a0ca
rgb(105,160,202)
-
#61a1d2
#61a1d2
rgb(97,161,210)
-
#59a2da
#59a2da
rgb(89,162,218)
-
#52a3e1
#52a3e1
rgb(82,163,225)
-
#4aa4e9
#4aa4e9
rgb(74,164,233)
-
#42a5f1
#42a5f1
rgb(66,165,241)
-
#3aa6f9
#3aa6f9
rgb(58,166,249)
Color Blindness Simulator
Below, you can see how #42a5f1 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.