#3f9af4 Color Information
In a RGB color space, hex #3f9af4 is composed of 24.7% red, 60.4% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 36.9% magenta, 0% yellow and 4.3% black. It has a hue angle of 209.8 degrees, a saturation of 89.2% and a lightness of 60.2%. #3f9af4 color hex could be obtained by blending #7effff with #0035e9. Closest websafe color is: #3399ff.
-
- R 25
- G 60
- B 96
-
- C 74
- M 37
- Y 0
- K 4
● #3f9af4 color description : Bright blue.
#3f9af4 Color Conversion
The hexadecimal color #3f9af4 has RGB values of R:63, G:154, B:244 and CMYK values of C:0.74, M:0.37, Y:0, K:0.04. Its decimal value is 4168436.
Hex triplet | 3f9af4 | #3f9af4 |
---|---|---|
RGB Decimal | 63, 154, 244 | rgb(63,154,244) |
RGB Percent | 24.7, 60.4, 95.7 | rgb(24.7%,60.4%,95.7%) |
CMYK | 74, 37, 0, 4 | |
HSL | 209.8°, 89.2, 60.2 | hsl(209.8,89.2%,60.2%) |
HSV (or HSB) | 209.8°, 74.2, 95.7 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 62.251, 2.881, -52.733 |
---|---|
XYZ | 29.931, 30.697, 89.931 |
xyY | 0.199, 0.204, 30.697 |
CIE-LCH | 62.251, 52.812, 273.127 |
CIE-LUV | 62.251, -32.651, -84.895 |
Hunter-Lab | 55.405, -0.53, -57.453 |
Binary | 00111111, 10011010, 11110100 |
Color Schemes with #3f9af4
Alternatives to #3f9af4
Below, you can see some colors close to #3f9af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f9af4 Preview
This text has a font color of #3f9af4.
<span style="color:#3f9af4;">Text here</span>
This paragraph has a background color of #3f9af4.
<p style="background-color:#3f9af4;">Content here</p>
This element has a border color of #3f9af4.
<div style="border:1px solid #3f9af4;">Content here</div>
.text {color:#3f9af4;}
.background {background-color:#3f9af4;}
.border {border:1px solid #3f9af4;}
Shades and Tints of #3f9af4
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, #01060c is the darkest color, while #f9fcff is the lightest one.
-
#01060c
#01060c
rgb(1,6,12)
-
#02101f
#02101f
rgb(2,16,31)
-
#031a31
#031a31
rgb(3,26,49)
-
#042444
#042444
rgb(4,36,68)
-
#052e56
#052e56
rgb(5,46,86)
-
#063869
#063869
rgb(6,56,105)
-
#07427b
#07427b
rgb(7,66,123)
-
#084b8e
#084b8e
rgb(8,75,142)
-
#0955a0
#0955a0
rgb(9,85,160)
-
#0a5fb3
#0a5fb3
rgb(10,95,179)
-
#0b69c6
#0b69c6
rgb(11,105,198)
-
#0c73d8
#0c73d8
rgb(12,115,216)
-
#0d7deb
#0d7deb
rgb(13,125,235)
-
#1a86f2
#1a86f2
rgb(26,134,242)
-
#2c90f3
#2c90f3
rgb(44,144,243)
-
#3f9af4
#3f9af4
rgb(63,154,244)
-
#52a4f5
#52a4f5
rgb(82,164,245)
-
#64aef6
#64aef6
rgb(100,174,246)
-
#77b7f7
#77b7f7
rgb(119,183,247)
-
#89c1f8
#89c1f8
rgb(137,193,248)
-
#9ccbf9
#9ccbf9
rgb(156,203,249)
-
#aed5fa
#aed5fa
rgb(174,213,250)
-
#c1defb
#c1defb
rgb(193,222,251)
-
#d3e8fd
#d3e8fd
rgb(211,232,253)
-
#e6f2fe
#e6f2fe
rgb(230,242,254)
-
#f9fcff
#f9fcff
rgb(249,252,255)
Tones of #3f9af4
A tone is produced by adding gray to any pure hue. In this case, #959a9e is the less saturated color, while #379afc is the most saturated one.
-
#959a9e
#959a9e
rgb(149,154,158)
-
#8d9aa6
#8d9aa6
rgb(141,154,166)
-
#859aae
#859aae
rgb(133,154,174)
-
#7d9ab6
#7d9ab6
rgb(125,154,182)
-
#769abd
#769abd
rgb(118,154,189)
-
#6e9ac5
#6e9ac5
rgb(110,154,197)
-
#669acd
#669acd
rgb(102,154,205)
-
#5e9ad5
#5e9ad5
rgb(94,154,213)
-
#569add
#569add
rgb(86,154,221)
-
#4f9ae4
#4f9ae4
rgb(79,154,228)
-
#479aec
#479aec
rgb(71,154,236)
-
#3f9af4
#3f9af4
rgb(63,154,244)
-
#379afc
#379afc
rgb(55,154,252)
Color Blindness Simulator
Below, you can see how #3f9af4 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.