#5189f3 color information
In a RGB color space, hex #5189f3 is composed of 31.8% red, 53.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 66.7% cyan, 43.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 219.3 degrees, a saturation of 87.1% and a lightness of 63.5%. #5189f3 color hex could be obtained by blending #a2ffff with #0013e7. Closest websafe color is: #6699ff.
#5189f3 color conversion
The hexadecimal color #5189f3 has RGB values of R:81, G:137, B:243 and CMYK values of C:0.67, M:0.44, Y:0, K:0.05. Its decimal value is 5343731.
- Hex triplet 5189f3
#5189f3 - RGB Decimal 81, 137, 243
rgb(81,137,243) - RGB Percent 31.8, 53.7, 95.3
rgb(31.8%,53.7%,95.3%) - CMYK 67, 44, 0, 5
- HSL 219.3°, 87.1, 63.5
hsl(219,87%,64%) - HSV (or HSB) 219.3°, 66.7, 95.3
- Web Safe 6699ff
#6699ff
- CIE-LAB 58.141, 15.139, -58.697
- XYZ 28.513, 26.11, 88.326
- xyY 0.199, 0.183, 26.11
- CIE-LCH 58.141, 60.617, 284.462
- CIE-LUV 58.141, -23.713, -94.749
- Hunter-Lab 51.098, 10.184, -66.719
- Binary 01010001, 10001001, 11110011
Color Schemes with #5189f3
#5189f3 in action
This text has a font color of #5189f3.
<span style="color:#5189f3;">Text here</span>
This paragraph has a background color of #5189f3.
<p style="background-color:#5189f3;">Content here</p>
This element has a border color of #5189f3.
<div style="border:1px solid #5189f3;">Content here</div>
.text {color:#5189f3;}
.background {background-color:#5189f3;}
.border {border:1px solid #5189f3;}
Shades of #5189f3
- #010409 #010409
rgb(1,4,9) - #03122e #03122e
rgb(3,18,46) - #062053 #062053
rgb(6,32,83) - #082f78 #082f78
rgb(8,47,120) - #0b3d9c #0b3d9c
rgb(11,61,156) - #0d4bc1 #0d4bc1
rgb(13,75,193) - #105ae6 #105ae6
rgb(16,90,230) - #2c70f0 #2c70f0
rgb(44,112,240) - #5189f3 #5189f3
rgb(81,137,243) - #76a2f6 #76a2f6
rgb(118,162,246) - #9abbf8 #9abbf8
rgb(154,187,248) - #bfd4fb #bfd4fb
rgb(191,212,251) - #e4edfd #e4edfd
rgb(228,237,253)
Color Blindness Simulator
Below, you can see how #5189f3 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.
