#3f88bb Color Information
In a RGB color space, hex #3f88bb is composed of 24.7% red, 53.3% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 66.3% cyan, 27.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 204.7 degrees, a saturation of 49.6% and a lightness of 49%. #3f88bb color hex could be obtained by blending #7effff with #001177. Closest websafe color is: #3399cc.
-
- R 25
- G 53
- B 73
-
- C 66
- M 27
- Y 0
- K 27
● #3f88bb color description : Moderate blue.
#3f88bb Color Conversion
The hexadecimal color #3f88bb has RGB values of R:63, G:136, B:187 and CMYK values of C:0.66, M:0.27, Y:0, K:0.27. Its decimal value is 4163771.
Hex triplet | 3f88bb | #3f88bb |
---|---|---|
RGB Decimal | 63, 136, 187 | rgb(63,136,187) |
RGB Percent | 24.7, 53.3, 73.3 | rgb(24.7%,53.3%,73.3%) |
CMYK | 66, 27, 0, 27 | |
HSL | 204.7°, 49.6, 49 | hsl(204.7,49.6%,49%) |
HSV (or HSB) | 204.7°, 66.3, 73.3 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 54.293, -6.478, -33.374 |
---|---|
XYZ | 19.822, 22.251, 50.261 |
xyY | 0.215, 0.241, 22.251 |
CIE-LCH | 54.293, 33.997, 259.015 |
CIE-LUV | 54.293, -28.687, -50.314 |
Hunter-Lab | 47.171, -7.544, -30.154 |
Binary | 00111111, 10001000, 10111011 |
Color Schemes with #3f88bb
Alternatives to #3f88bb
Below, you can see some colors close to #3f88bb. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3f88bb Preview
This text has a font color of #3f88bb.
<span style="color:#3f88bb;">Text here</span>
This paragraph has a background color of #3f88bb.
<p style="background-color:#3f88bb;">Content here</p>
This element has a border color of #3f88bb.
<div style="border:1px solid #3f88bb;">Content here</div>
.text {color:#3f88bb;}
.background {background-color:#3f88bb;}
.border {border:1px solid #3f88bb;}
Shades and Tints of #3f88bb
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, #04080b is the darkest color, while #fbfdfe is the lightest one.
-
#04080b
#04080b
rgb(4,8,11)
-
#09131a
#09131a
rgb(9,19,26)
-
#0e1d28
#0e1d28
rgb(14,29,40)
-
#132837
#132837
rgb(19,40,55)
-
#173346
#173346
rgb(23,51,70)
-
#1c3d54
#1c3d54
rgb(28,61,84)
-
#214863
#214863
rgb(33,72,99)
-
#265372
#265372
rgb(38,83,114)
-
#2b5d80
#2b5d80
rgb(43,93,128)
-
#30688f
#30688f
rgb(48,104,143)
-
#35739e
#35739e
rgb(53,115,158)
-
#3a7dac
#3a7dac
rgb(58,125,172)
-
#3f88bb
#3f88bb
rgb(63,136,187)
-
#4b91c2
#4b91c2
rgb(75,145,194)
-
#5a9ac7
#5a9ac7
rgb(90,154,199)
-
#69a3cc
#69a3cc
rgb(105,163,204)
-
#77acd1
#77acd1
rgb(119,172,209)
-
#86b5d6
#86b5d6
rgb(134,181,214)
-
#95bedb
#95bedb
rgb(149,190,219)
-
#a3c7e0
#a3c7e0
rgb(163,199,224)
-
#b2d0e5
#b2d0e5
rgb(178,208,229)
-
#c1d9ea
#c1d9ea
rgb(193,217,234)
-
#cfe2ef
#cfe2ef
rgb(207,226,239)
-
#deebf4
#deebf4
rgb(222,235,244)
-
#edf4f9
#edf4f9
rgb(237,244,249)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #3f88bb
A tone is produced by adding gray to any pure hue. In this case, #797e81 is the less saturated color, while #0592f5 is the most saturated one.
-
#797e81
#797e81
rgb(121,126,129)
-
#6f7f8b
#6f7f8b
rgb(111,127,139)
-
#658195
#658195
rgb(101,129,149)
-
#5c839e
#5c839e
rgb(92,131,158)
-
#5285a8
#5285a8
rgb(82,133,168)
-
#4986b1
#4986b1
rgb(73,134,177)
-
#3f88bb
#3f88bb
rgb(63,136,187)
-
#358ac5
#358ac5
rgb(53,138,197)
-
#2c8bce
#2c8bce
rgb(44,139,206)
-
#228dd8
#228dd8
rgb(34,141,216)
-
#198fe1
#198fe1
rgb(25,143,225)
-
#0f91eb
#0f91eb
rgb(15,145,235)
-
#0592f5
#0592f5
rgb(5,146,245)
Color Blindness Simulator
Below, you can see how #3f88bb 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.