#488bb2 Color Information
In a RGB color space, hex #488bb2 is composed of 28.2% red, 54.5% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 21.9% magenta, 0% yellow and 30.2% black. It has a hue angle of 202.1 degrees, a saturation of 42.4% and a lightness of 49%. #488bb2 color hex could be obtained by blending #90ffff with #001765. Closest websafe color is: #339999.
-
- R 28
- G 55
- B 70
-
- C 60
- M 22
- Y 0
- K 30
● #488bb2 color description : Dark moderate blue.
#488bb2 Color Conversion
The hexadecimal color #488bb2 has RGB values of R:72, G:139, B:178 and CMYK values of C:0.6, M:0.22, Y:0, K:0.3. Its decimal value is 4754354.
Hex triplet | 488bb2 | #488bb2 |
---|---|---|
RGB Decimal | 72, 139, 178 | rgb(72,139,178) |
RGB Percent | 28.2, 54.5, 69.8 | rgb(28.2%,54.5%,69.8%) |
CMYK | 60, 22, 0, 30 | |
HSL | 202.1°, 42.4, 49 | hsl(202.1,42.4%,49%) |
HSV (or HSB) | 202.1°, 59.6, 69.8 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 55.13, -9.502, -26.905 |
---|---|
XYZ | 19.939, 23.056, 45.517 |
xyY | 0.225, 0.26, 23.056 |
CIE-LCH | 55.13, 28.534, 250.549 |
CIE-LUV | 55.13, -27.999, -39.599 |
Hunter-Lab | 48.017, -9.907, -22.591 |
Binary | 01001000, 10001011, 10110010 |
Color Schemes with #488bb2
Alternatives to #488bb2
Below, you can see some colors close to #488bb2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#488bb2 Preview
This text has a font color of #488bb2.
<span style="color:#488bb2;">Text here</span>
This paragraph has a background color of #488bb2.
<p style="background-color:#488bb2;">Content here</p>
This element has a border color of #488bb2.
<div style="border:1px solid #488bb2;">Content here</div>
.text {color:#488bb2;}
.background {background-color:#488bb2;}
.border {border:1px solid #488bb2;}
Shades and Tints of #488bb2
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, #04080a is the darkest color, while #fbfdfe is the lightest one.
-
#04080a
#04080a
rgb(4,8,10)
-
#0a1318
#0a1318
rgb(10,19,24)
-
#101e26
#101e26
rgb(16,30,38)
-
#152934
#152934
rgb(21,41,52)
-
#1b3442
#1b3442
rgb(27,52,66)
-
#203f50
#203f50
rgb(32,63,80)
-
#264a5e
#264a5e
rgb(38,74,94)
-
#2c546c
#2c546c
rgb(44,84,108)
-
#315f7a
#315f7a
rgb(49,95,122)
-
#376a88
#376a88
rgb(55,106,136)
-
#3d7596
#3d7596
rgb(61,117,150)
-
#4280a4
#4280a4
rgb(66,128,164)
-
#488bb2
#488bb2
rgb(72,139,178)
-
#5494ba
#5494ba
rgb(84,148,186)
-
#629dbf
#629dbf
rgb(98,157,191)
-
#70a6c5
#70a6c5
rgb(112,166,197)
-
#7eaecb
#7eaecb
rgb(126,174,203)
-
#8cb7d0
#8cb7d0
rgb(140,183,208)
-
#9ac0d6
#9ac0d6
rgb(154,192,214)
-
#a8c9dc
#a8c9dc
rgb(168,201,220)
-
#b6d1e1
#b6d1e1
rgb(182,209,225)
-
#c4dae7
#c4dae7
rgb(196,218,231)
-
#d2e3ed
#d2e3ed
rgb(210,227,237)
-
#e0ebf2
#e0ebf2
rgb(224,235,242)
-
#edf4f8
#edf4f8
rgb(237,244,248)
-
#fbfdfe
#fbfdfe
rgb(251,253,254)
Tones of #488bb2
A tone is produced by adding gray to any pure hue. In this case, #787e82 is the less saturated color, while #059df5 is the most saturated one.
-
#787e82
#787e82
rgb(120,126,130)
-
#6e818c
#6e818c
rgb(110,129,140)
-
#658395
#658395
rgb(101,131,149)
-
#5b869f
#5b869f
rgb(91,134,159)
-
#5288a8
#5288a8
rgb(82,136,168)
-
#488bb2
#488bb2
rgb(72,139,178)
-
#3e8ebc
#3e8ebc
rgb(62,142,188)
-
#3590c5
#3590c5
rgb(53,144,197)
-
#2b93cf
#2b93cf
rgb(43,147,207)
-
#2295d8
#2295d8
rgb(34,149,216)
-
#1898e2
#1898e2
rgb(24,152,226)
-
#0e9aec
#0e9aec
rgb(14,154,236)
-
#059df5
#059df5
rgb(5,157,245)
Color Blindness Simulator
Below, you can see how #488bb2 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.