#37aaff Color Information
In a RGB color space, hex #37aaff is composed of 21.6% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 205.5 degrees, a saturation of 100% and a lightness of 60.8%. #37aaff color hex could be obtained by blending #6effff with #0055ff. Closest websafe color is: #3399ff.
-
- R 22
- G 67
- B 100
-
- C 78
- M 33
- Y 0
- K 0
● #37aaff color description : Light blue.
#37aaff Color Conversion
The hexadecimal color #37aaff has RGB values of R:55, G:170, B:255 and CMYK values of C:0.78, M:0.33, Y:0, K:0. Its decimal value is 3648255.
Hex triplet | 37aaff | #37aaff |
---|---|---|
RGB Decimal | 55, 170, 255 | rgb(55,170,255) |
RGB Percent | 21.6, 66.7, 100 | rgb(21.6%,66.7%,100%) |
CMYK | 78, 33, 0, 0 | |
HSL | 205.5°, 100, 60.8 | hsl(205.5,100%,60.8%) |
HSV (or HSB) | 205.5°, 78.4, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 67.111, -3.314, -51.053 |
---|---|
XYZ | 33.996, 36.779, 99.91 |
xyY | 0.199, 0.215, 36.779 |
CIE-LCH | 67.111, 51.161, 266.286 |
CIE-LUV | 67.111, -38.611, -82.434 |
Hunter-Lab | 60.645, -6.068, -55.225 |
Binary | 00110111, 10101010, 11111111 |
Color Schemes with #37aaff
Alternatives to #37aaff
Below, you can see some colors close to #37aaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#37aaff Preview
This text has a font color of #37aaff.
<span style="color:#37aaff;">Text here</span>
This paragraph has a background color of #37aaff.
<p style="background-color:#37aaff;">Content here</p>
This element has a border color of #37aaff.
<div style="border:1px solid #37aaff;">Content here</div>
.text {color:#37aaff;}
.background {background-color:#37aaff;}
.border {border:1px solid #37aaff;}
Shades and Tints of #37aaff
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, #000910 is the darkest color, while #fbfdff is the lightest one.
-
#000910
#000910
rgb(0,9,16)
-
#001423
#001423
rgb(0,20,35)
-
#002037
#002037
rgb(0,32,55)
-
#002b4b
#002b4b
rgb(0,43,75)
-
#00365e
#00365e
rgb(0,54,94)
-
#004172
#004172
rgb(0,65,114)
-
#004d85
#004d85
rgb(0,77,133)
-
#005899
#005899
rgb(0,88,153)
-
#0063ad
#0063ad
rgb(0,99,173)
-
#006fc0
#006fc0
rgb(0,111,192)
-
#007ad4
#007ad4
rgb(0,122,212)
-
#0085e8
#0085e8
rgb(0,133,232)
-
#0090fb
#0090fb
rgb(0,144,251)
-
#1099ff
#1099ff
rgb(16,153,255)
-
#23a2ff
#23a2ff
rgb(35,162,255)
-
#37aaff
#37aaff
rgb(55,170,255)
-
#4bb2ff
#4bb2ff
rgb(75,178,255)
-
#5ebbff
#5ebbff
rgb(94,187,255)
-
#72c3ff
#72c3ff
rgb(114,195,255)
-
#85cbff
#85cbff
rgb(133,203,255)
-
#99d4ff
#99d4ff
rgb(153,212,255)
-
#addcff
#addcff
rgb(173,220,255)
-
#c0e4ff
#c0e4ff
rgb(192,228,255)
-
#d4edff
#d4edff
rgb(212,237,255)
-
#e8f5ff
#e8f5ff
rgb(232,245,255)
-
#fbfdff
#fbfdff
rgb(251,253,255)
Tones of #37aaff
A tone is produced by adding gray to any pure hue. In this case, #939ca3 is the less saturated color, while #37aaff is the most saturated one.
-
#939ca3
#939ca3
rgb(147,156,163)
-
#8c9daa
#8c9daa
rgb(140,157,170)
-
#849eb2
#849eb2
rgb(132,158,178)
-
#7ca0ba
#7ca0ba
rgb(124,160,186)
-
#75a1c1
#75a1c1
rgb(117,161,193)
-
#6da2c9
#6da2c9
rgb(109,162,201)
-
#65a3d1
#65a3d1
rgb(101,163,209)
-
#5da4d9
#5da4d9
rgb(93,164,217)
-
#56a5e0
#56a5e0
rgb(86,165,224)
-
#4ea7e8
#4ea7e8
rgb(78,167,232)
-
#46a8f0
#46a8f0
rgb(70,168,240)
-
#3fa9f7
#3fa9f7
rgb(63,169,247)
-
#37aaff
#37aaff
rgb(55,170,255)
Color Blindness Simulator
Below, you can see how #37aaff 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.