#488ea2 Color Information
In a RGB color space, hex #488ea2 is composed of 28.2% red, 55.7% green and 63.5% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 12.3% magenta, 0% yellow and 36.5% black. It has a hue angle of 193.3 degrees, a saturation of 38.5% and a lightness of 45.9%. #488ea2 color hex could be obtained by blending #90ffff with #001d45. Closest websafe color is: #339999.
-
- R 28
- G 56
- B 64
-
- C 56
- M 12
- Y 0
- K 36
● #488ea2 color description : Dark moderate cyan.
#488ea2 Color Conversion
The hexadecimal color #488ea2 has RGB values of R:72, G:142, B:162 and CMYK values of C:0.56, M:0.12, Y:0, K:0.36. Its decimal value is 4755106.
Hex triplet | 488ea2 | #488ea2 |
---|---|---|
RGB Decimal | 72, 142, 162 | rgb(72,142,162) |
RGB Percent | 28.2, 55.7, 63.5 | rgb(28.2%,55.7%,63.5%) |
CMYK | 56, 12, 0, 36 | |
HSL | 193.3°, 38.5, 45.9 | hsl(193.3,38.5%,45.9%) |
HSV (or HSB) | 193.3°, 55.6, 63.5 | |
Web Safe | 339999 | #339999 |
CIE-LAB | 55.412, -16.148, -17.303 |
---|---|
XYZ | 18.865, 23.331, 37.69 |
xyY | 0.236, 0.292, 23.331 |
CIE-LCH | 55.412, 23.668, 226.978 |
CIE-LUV | 55.412, -29.713, -23.486 |
Hunter-Lab | 48.302, -14.812, -12.452 |
Binary | 01001000, 10001110, 10100010 |
Color Schemes with #488ea2
Alternatives to #488ea2
Below, you can see some colors close to #488ea2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#488ea2 Preview
This text has a font color of #488ea2.
<span style="color:#488ea2;">Text here</span>
This paragraph has a background color of #488ea2.
<p style="background-color:#488ea2;">Content here</p>
This element has a border color of #488ea2.
<div style="border:1px solid #488ea2;">Content here</div>
.text {color:#488ea2;}
.background {background-color:#488ea2;}
.border {border:1px solid #488ea2;}
Shades and Tints of #488ea2
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, #060b0d is the darkest color, while #fefeff is the lightest one.
-
#060b0d
#060b0d
rgb(6,11,13)
-
#0c171a
#0c171a
rgb(12,23,26)
-
#122328
#122328
rgb(18,35,40)
-
#182f35
#182f35
rgb(24,47,53)
-
#1e3b43
#1e3b43
rgb(30,59,67)
-
#244751
#244751
rgb(36,71,81)
-
#2a525e
#2a525e
rgb(42,82,94)
-
#305e6c
#305e6c
rgb(48,94,108)
-
#366a79
#366a79
rgb(54,106,121)
-
#3c7687
#3c7687
rgb(60,118,135)
-
#428294
#428294
rgb(66,130,148)
-
#488ea2
#488ea2
rgb(72,142,162)
-
#4e9ab0
#4e9ab0
rgb(78,154,176)
-
#5ba2b6
#5ba2b6
rgb(91,162,182)
-
#69aabc
#69aabc
rgb(105,170,188)
-
#76b1c2
#76b1c2
rgb(118,177,194)
-
#84b9c8
#84b9c8
rgb(132,185,200)
-
#91c1ce
#91c1ce
rgb(145,193,206)
-
#9fc8d4
#9fc8d4
rgb(159,200,212)
-
#add0da
#add0da
rgb(173,208,218)
-
#bad8e0
#bad8e0
rgb(186,216,224)
-
#c8e0e6
#c8e0e6
rgb(200,224,230)
-
#d5e7ec
#d5e7ec
rgb(213,231,236)
-
#e3eff3
#e3eff3
rgb(227,239,243)
-
#f0f7f9
#f0f7f9
rgb(240,247,249)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #488ea2
A tone is produced by adding gray to any pure hue. In this case, #6c7a7e is the less saturated color, while #00b6ea is the most saturated one.
-
#6c7a7e
#6c7a7e
rgb(108,122,126)
-
#637f87
#637f87
rgb(99,127,135)
-
#5a8490
#5a8490
rgb(90,132,144)
-
#518999
#518999
rgb(81,137,153)
-
#488ea2
#488ea2
rgb(72,142,162)
-
#3f93ab
#3f93ab
rgb(63,147,171)
-
#3698b4
#3698b4
rgb(54,152,180)
-
#2d9dbd
#2d9dbd
rgb(45,157,189)
-
#24a2c6
#24a2c6
rgb(36,162,198)
-
#1ba7cf
#1ba7cf
rgb(27,167,207)
-
#12acd8
#12acd8
rgb(18,172,216)
-
#09b1e1
#09b1e1
rgb(9,177,225)
-
#00b6ea
#00b6ea
rgb(0,182,234)
Color Blindness Simulator
Below, you can see how #488ea2 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.