#9baaff Color Information
In a RGB color space, hex #9baaff is composed of 60.8% red, 66.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 39.2% cyan, 33.3% magenta, 0% yellow and 0% black. It has a hue angle of 231 degrees, a saturation of 100% and a lightness of 80.4%. #9baaff color hex could be obtained by blending #ffffff with #3755ff. Closest websafe color is: #9999ff.
-
- R 61
- G 67
- B 100
-
- C 39
- M 33
- Y 0
- K 0
● #9baaff color description : Pale blue.
#9baaff Color Conversion
The hexadecimal color #9baaff has RGB values of R:155, G:170, B:255 and CMYK values of C:0.39, M:0.33, Y:0, K:0. Its decimal value is 10201855.
Hex triplet | 9baaff | #9baaff |
---|---|---|
RGB Decimal | 155, 170, 255 | rgb(155,170,255) |
RGB Percent | 60.8, 66.7, 100 | rgb(60.8%,66.7%,100%) |
CMYK | 39, 33, 0, 0 | |
HSL | 231°, 100, 80.4 | hsl(231,100%,80.4%) |
HSV (or HSB) | 231°, 39.2, 100 | |
Web Safe | 9999ff | #9999ff |
CIE-LAB | 71.512, 15.182, -43.827 |
---|---|
XYZ | 45.939, 42.937, 100.469 |
xyY | 0.243, 0.227, 42.937 |
CIE-LCH | 71.512, 46.382, 289.106 |
CIE-LUV | 71.512, -11.612, -73.027 |
Hunter-Lab | 65.526, 10.471, -45.039 |
Binary | 10011011, 10101010, 11111111 |
Color Schemes with #9baaff
Alternatives to #9baaff
Below, you can see some colors close to #9baaff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#9baaff Preview
This text has a font color of #9baaff.
<span style="color:#9baaff;">Text here</span>
This paragraph has a background color of #9baaff.
<p style="background-color:#9baaff;">Content here</p>
This element has a border color of #9baaff.
<div style="border:1px solid #9baaff;">Content here</div>
.text {color:#9baaff;}
.background {background-color:#9baaff;}
.border {border:1px solid #9baaff;}
Shades and Tints of #9baaff
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, #000312 is the darkest color, while #fdfdff is the lightest one.
-
#000312
#000312
rgb(0,3,18)
-
#000625
#000625
rgb(0,6,37)
-
#000939
#000939
rgb(0,9,57)
-
#000b4d
#000b4d
rgb(0,11,77)
-
#000e60
#000e60
rgb(0,14,96)
-
#001174
#001174
rgb(0,17,116)
-
#001487
#001487
rgb(0,20,135)
-
#00179b
#00179b
rgb(0,23,155)
-
#001aaf
#001aaf
rgb(0,26,175)
-
#001dc2
#001dc2
rgb(0,29,194)
-
#0020d6
#0020d6
rgb(0,32,214)
-
#0023e9
#0023e9
rgb(0,35,233)
-
#0026fd
#0026fd
rgb(0,38,253)
-
#1235ff
#1235ff
rgb(18,53,255)
-
#2546ff
#2546ff
rgb(37,70,255)
-
#3957ff
#3957ff
rgb(57,87,255)
-
#4d67ff
#4d67ff
rgb(77,103,255)
-
#6078ff
#6078ff
rgb(96,120,255)
-
#7489ff
#7489ff
rgb(116,137,255)
-
#8799ff
#8799ff
rgb(135,153,255)
-
#9baaff
#9baaff
rgb(155,170,255)
-
#afbbff
#afbbff
rgb(175,187,255)
-
#c2cbff
#c2cbff
rgb(194,203,255)
-
#d6dcff
#d6dcff
rgb(214,220,255)
-
#e9edff
#e9edff
rgb(233,237,255)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #9baaff
A tone is produced by adding gray to any pure hue. In this case, #c9cad1 is the less saturated color, while #9baaff is the most saturated one.
-
#c9cad1
#c9cad1
rgb(201,202,209)
-
#c5c8d5
#c5c8d5
rgb(197,200,213)
-
#c1c5d9
#c1c5d9
rgb(193,197,217)
-
#bec2dc
#bec2dc
rgb(190,194,220)
-
#bac0e0
#bac0e0
rgb(186,192,224)
-
#b6bde4
#b6bde4
rgb(182,189,228)
-
#b2bae8
#b2bae8
rgb(178,186,232)
-
#aeb7ec
#aeb7ec
rgb(174,183,236)
-
#aab5f0
#aab5f0
rgb(170,181,240)
-
#a7b2f3
#a7b2f3
rgb(167,178,243)
-
#a3aff7
#a3aff7
rgb(163,175,247)
-
#9fadfb
#9fadfb
rgb(159,173,251)
-
#9baaff
#9baaff
rgb(155,170,255)
Color Blindness Simulator
Below, you can see how #9baaff 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.