#3a88bd Color Information
In a RGB color space, hex #3a88bd is composed of 22.7% red, 53.3% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 28% magenta, 0% yellow and 25.9% black. It has a hue angle of 204.3 degrees, a saturation of 53% and a lightness of 48.4%. #3a88bd color hex could be obtained by blending #74ffff with #00117b. Closest websafe color is: #3399cc.
-
- R 23
- G 53
- B 74
-
- C 69
- M 28
- Y 0
- K 26
● #3a88bd color description : Moderate blue.
#3a88bd Color Conversion
The hexadecimal color #3a88bd has RGB values of R:58, G:136, B:189 and CMYK values of C:0.69, M:0.28, Y:0, K:0.26. Its decimal value is 3836093.
Hex triplet | 3a88bd | #3a88bd |
---|---|---|
RGB Decimal | 58, 136, 189 | rgb(58,136,189) |
RGB Percent | 22.7, 53.3, 74.1 | rgb(22.7%,53.3%,74.1%) |
CMYK | 69, 28, 0, 26 | |
HSL | 204.3°, 53, 48.4 | hsl(204.3,53%,48.4%) |
HSV (or HSB) | 204.3°, 69.3, 74.1 | |
Web Safe | 3399cc | #3399cc |
CIE-LAB | 54.218, -6.602, -34.644 |
---|---|
XYZ | 19.732, 22.18, 51.383 |
xyY | 0.212, 0.238, 22.18 |
CIE-LCH | 54.218, 35.268, 259.211 |
CIE-LUV | 54.218, -29.628, -52.355 |
Hunter-Lab | 47.096, -7.631, -31.719 |
Binary | 00111010, 10001000, 10111101 |
Color Schemes with #3a88bd
Alternatives to #3a88bd
Below, you can see some colors close to #3a88bd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a88bd Preview
This text has a font color of #3a88bd.
<span style="color:#3a88bd;">Text here</span>
This paragraph has a background color of #3a88bd.
<p style="background-color:#3a88bd;">Content here</p>
This element has a border color of #3a88bd.
<div style="border:1px solid #3a88bd;">Content here</div>
.text {color:#3a88bd;}
.background {background-color:#3a88bd;}
.border {border:1px solid #3a88bd;}
Shades and Tints of #3a88bd
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, #030609 is the darkest color, while #f9fbfd is the lightest one.
-
#030609
#030609
rgb(3,6,9)
-
#071118
#071118
rgb(7,17,24)
-
#0c1c27
#0c1c27
rgb(12,28,39)
-
#112736
#112736
rgb(17,39,54)
-
#153245
#153245
rgb(21,50,69)
-
#1a3c54
#1a3c54
rgb(26,60,84)
-
#1e4763
#1e4763
rgb(30,71,99)
-
#235272
#235272
rgb(35,82,114)
-
#285d81
#285d81
rgb(40,93,129)
-
#2c6890
#2c6890
rgb(44,104,144)
-
#31729f
#31729f
rgb(49,114,159)
-
#357dae
#357dae
rgb(53,125,174)
-
#3a88bd
#3a88bd
rgb(58,136,189)
-
#4592c6
#4592c6
rgb(69,146,198)
-
#549aca
#549aca
rgb(84,154,202)
-
#63a3cf
#63a3cf
rgb(99,163,207)
-
#72acd4
#72acd4
rgb(114,172,212)
-
#81b5d8
#81b5d8
rgb(129,181,216)
-
#90bedd
#90bedd
rgb(144,190,221)
-
#9fc7e1
#9fc7e1
rgb(159,199,225)
-
#aecfe6
#aecfe6
rgb(174,207,230)
-
#bdd8eb
#bdd8eb
rgb(189,216,235)
-
#cce1ef
#cce1ef
rgb(204,225,239)
-
#dbeaf4
#dbeaf4
rgb(219,234,244)
-
#eaf3f9
#eaf3f9
rgb(234,243,249)
-
#f9fbfd
#f9fbfd
rgb(249,251,253)
Tones of #3a88bd
A tone is produced by adding gray to any pure hue. In this case, #737d84 is the less saturated color, while #0193f6 is the most saturated one.
-
#737d84
#737d84
rgb(115,125,132)
-
#6a7f8e
#6a7f8e
rgb(106,127,142)
-
#608197
#608197
rgb(96,129,151)
-
#5783a1
#5783a1
rgb(87,131,161)
-
#4d84aa
#4d84aa
rgb(77,132,170)
-
#4486b4
#4486b4
rgb(68,134,180)
-
#3a88bd
#3a88bd
rgb(58,136,189)
-
#318ac7
#318ac7
rgb(49,138,199)
-
#278cd0
#278cd0
rgb(39,140,208)
-
#1e8dda
#1e8dda
rgb(30,141,218)
-
#148fe3
#148fe3
rgb(20,143,227)
-
#0b91ed
#0b91ed
rgb(11,145,237)
-
#0193f6
#0193f6
rgb(1,147,246)
Color Blindness Simulator
Below, you can see how #3a88bd 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.