#3fa5f0 Color Information
In a RGB color space, hex #3fa5f0 is composed of 24.7% red, 64.7% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 73.8% cyan, 31.3% magenta, 0% yellow and 5.9% black. It has a hue angle of 205.4 degrees, a saturation of 85.5% and a lightness of 59.4%. #3fa5f0 color hex could be obtained by blending #7effff with #004be1. Closest websafe color is: #3399ff.
-
- R 25
- G 65
- B 94
-
- C 74
- M 31
- Y 0
- K 6
● #3fa5f0 color description : Bright blue.
#3fa5f0 Color Conversion
The hexadecimal color #3fa5f0 has RGB values of R:63, G:165, B:240 and CMYK values of C:0.74, M:0.31, Y:0, K:0.06. Its decimal value is 4171248.
Hex triplet | 3fa5f0 | #3fa5f0 |
---|---|---|
RGB Decimal | 63, 165, 240 | rgb(63,165,240) |
RGB Percent | 24.7, 64.7, 94.1 | rgb(24.7%,64.7%,94.1%) |
CMYK | 74, 31, 0, 6 | |
HSL | 205.4°, 85.5, 59.4 | hsl(205.4,85.5%,59.4%) |
HSV (or HSB) | 205.4°, 73.8, 94.1 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 65.165, -4.829, -45.932 |
---|---|
XYZ | 31.229, 34.256, 87.399 |
xyY | 0.204, 0.224, 34.256 |
CIE-LCH | 65.165, 46.185, 263.999 |
CIE-LUV | 65.165, -36.51, -73.216 |
Hunter-Lab | 58.528, -7.181, -47.567 |
Binary | 00111111, 10100101, 11110000 |
Color Schemes with #3fa5f0
Alternatives to #3fa5f0
Below, you can see some colors close to #3fa5f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3fa5f0 Preview
This text has a font color of #3fa5f0.
<span style="color:#3fa5f0;">Text here</span>
This paragraph has a background color of #3fa5f0.
<p style="background-color:#3fa5f0;">Content here</p>
This element has a border color of #3fa5f0.
<div style="border:1px solid #3fa5f0;">Content here</div>
.text {color:#3fa5f0;}
.background {background-color:#3fa5f0;}
.border {border:1px solid #3fa5f0;}
Shades and Tints of #3fa5f0
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, #010508 is the darkest color, while #f5fafe is the lightest one.
-
#010508
#010508
rgb(1,5,8)
-
#02101a
#02101a
rgb(2,16,26)
-
#031b2d
#031b2d
rgb(3,27,45)
-
#05263f
#05263f
rgb(5,38,63)
-
#063151
#063151
rgb(6,49,81)
-
#083c63
#083c63
rgb(8,60,99)
-
#094775
#094775
rgb(9,71,117)
-
#0b5387
#0b5387
rgb(11,83,135)
-
#0c5e9a
#0c5e9a
rgb(12,94,154)
-
#0d69ac
#0d69ac
rgb(13,105,172)
-
#0f74be
#0f74be
rgb(15,116,190)
-
#107fd0
#107fd0
rgb(16,127,208)
-
#128ae2
#128ae2
rgb(18,138,226)
-
#1b94ed
#1b94ed
rgb(27,148,237)
-
#2d9cef
#2d9cef
rgb(45,156,239)
-
#3fa5f0
#3fa5f0
rgb(63,165,240)
-
#51aef1
#51aef1
rgb(81,174,241)
-
#63b6f3
#63b6f3
rgb(99,182,243)
-
#76bff4
#76bff4
rgb(118,191,244)
-
#88c7f6
#88c7f6
rgb(136,199,246)
-
#9ad0f7
#9ad0f7
rgb(154,208,247)
-
#acd8f9
#acd8f9
rgb(172,216,249)
-
#bee1fa
#bee1fa
rgb(190,225,250)
-
#d1e9fb
#d1e9fb
rgb(209,233,251)
-
#e3f2fd
#e3f2fd
rgb(227,242,253)
-
#f5fafe
#f5fafe
rgb(245,250,254)
Tones of #3fa5f0
A tone is produced by adding gray to any pure hue. In this case, #979898 is the less saturated color, while #37a6f8 is the most saturated one.
-
#979898
#979898
rgb(151,152,152)
-
#8f99a0
#8f99a0
rgb(143,153,160)
-
#879aa8
#879aa8
rgb(135,154,168)
-
#7f9bb0
#7f9bb0
rgb(127,155,176)
-
#779cb8
#779cb8
rgb(119,156,184)
-
#6f9ec0
#6f9ec0
rgb(111,158,192)
-
#679fc8
#679fc8
rgb(103,159,200)
-
#5fa0d0
#5fa0d0
rgb(95,160,208)
-
#57a1d8
#57a1d8
rgb(87,161,216)
-
#4fa3e0
#4fa3e0
rgb(79,163,224)
-
#47a4e8
#47a4e8
rgb(71,164,232)
-
#3fa5f0
#3fa5f0
rgb(63,165,240)
-
#37a6f8
#37a6f8
rgb(55,166,248)
Color Blindness Simulator
Below, you can see how #3fa5f0 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.