#9baff1 hex color

In a RGB color space, hex #9baff1 is composed of 60.8% red, 68.6% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 35.7% cyan, 27.4% magenta, 0% yellow and 5.5% black. It has a hue angle of 226 degrees, a saturation of 75.4% and a lightness of 77.6%. #9baff1 color hex could be obtained by blending #ffffff with #375fe3. Closest websafe color is: #9999ff.

♥
- f
- t
- g
- R 61
- G 69
- B 95
RGB color chart
- C 36
- M 27
- Y 0
- K 5
CMYK color chart

● #9baff1 color description : Very soft blue.

The hexadecimal color #9baff1 has RGB values of R:155, G:175, B:241 and CMYK values of C:0.36, M:0.27, Y:0, K:0.05. Its decimal value is 10203121.

Hex triplet	9baff1	`#9baff1`
RGB Decimal	155, 175, 241	`rgb(155,175,241)`
RGB Percent	60.8, 68.6, 94.5	`rgb(60.8%,68.6%,94.5%)`
CMYK	36, 27, 0, 5
HSL	226°, 75.4, 77.6	`hsl(226,75.4%,77.6%)`
HSV (or HSB)	226°, 35.7, 94.5
Web Safe	9999ff	`#9999ff`

CIE-LAB	72.214, 8.66, -35.149
XYZ	44.721, 43.978, 89.347
xyY	0.251, 0.247, 43.978
CIE-LCH	72.214, 36.2, 283.841
CIE-LUV	72.214, -13.033, -57.559
Hunter-Lab	66.316, 4.322, -33.459
Binary	10011011, 10101111, 11110001

#9baff1
```
#9baff1 rgb(155,175,241)
```
#f1dd9b
```
#f1dd9b rgb(241,221,155)
```

Complementary Color

#9bdaf1
```
#9bdaf1 rgb(155,218,241)
```
#9baff1
```
#9baff1 rgb(155,175,241)
```
#b29bf1
```
#b29bf1 rgb(178,155,241)
```

Analogous Color

#daf19b
```
#daf19b rgb(218,241,155)
```
#9baff1
```
#9baff1 rgb(155,175,241)
```
#f1b29b
```
#f1b29b rgb(241,178,155)
```

Split Complementary Color

#aff19b
```
#aff19b rgb(175,241,155)
```
#9baff1
```
#9baff1 rgb(155,175,241)
```
#f19baf
```
#f19baf rgb(241,155,175)
```

Triadic Color

#9bf1dd
```
#9bf1dd rgb(155,241,221)
```
#9baff1
```
#9baff1 rgb(155,175,241)
```
#f19baf
```
#f19baf rgb(241,155,175)
```
#f1dd9b
```
#f1dd9b rgb(241,221,155)
```

Tetradic Color

#5879e8
```
#5879e8 rgb(88,121,232)
```
#6e8beb
```
#6e8beb rgb(110,139,235)
```
#859dee
```
#859dee rgb(133,157,238)
```
#9baff1
```
#9baff1 rgb(155,175,241)
```
#b1c1f4
```
#b1c1f4 rgb(177,193,244)
```
#c8d3f7
```
#c8d3f7 rgb(200,211,247)
```
#dee5fa
```
#dee5fa rgb(222,229,250)
```

Monochromatic Color

Below, you can see some colors close to #9baff1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#9bc5f1
```
#9bc5f1 rgb(155,197,241)
```
#9bbdf1
```
#9bbdf1 rgb(155,189,241)
```
#9bb6f1
```
#9bb6f1 rgb(155,182,241)
```
#9baff1
```
#9baff1 rgb(155,175,241)
```
#9ba8f1
```
#9ba8f1 rgb(155,168,241)
```
#9ba1f1
```
#9ba1f1 rgb(155,161,241)
```
#9d9bf1
```
#9d9bf1 rgb(157,155,241)
```

Similar Colors

Text with hexadecimal color #9baff1

This text has a font color of #9baff1.

<span style="color:#9baff1;">Text here</span>

#9baff1 background color

This paragraph has a background color of #9baff1.

<p style="background-color:#9baff1;">Content here</p>

#9baff1 border color

This element has a border color of #9baff1.

<div style="border:1px solid #9baff1;">Content here</div>

CSS codes

.text {color:#9baff1;}

.background {background-color:#9baff1;}

.border {border:1px solid #9baff1;}

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, #000103 is the darkest color, while #f1f4fd is the lightest one.

#000103
```
#000103 rgb(0,1,3)
```
#030714
```
#030714 rgb(3,7,20)
```
#050d26
```
#050d26 rgb(5,13,38)
```
#081337
```
#081337 rgb(8,19,55)
```
#0a1948
```
#0a1948 rgb(10,25,72)
```
#0c1e59
```
#0c1e59 rgb(12,30,89)
```
#0f246a
```
#0f246a rgb(15,36,106)
```
#112a7c
```
#112a7c rgb(17,42,124)
```
#14308d
```
#14308d rgb(20,48,141)
```
#16369e
```
#16369e rgb(22,54,158)
```
#193caf
```
#193caf rgb(25,60,175)
```
#1b41c1
```
#1b41c1 rgb(27,65,193)
```
#1d47d2
```
#1d47d2 rgb(29,71,210)
```

Shade Color Variation

#234fe0
```
#234fe0 rgb(35,79,224)
```
#345ce3
```
#345ce3 rgb(52,92,227)
```
#456ae5
```
#456ae5 rgb(69,106,229)
```
#5678e7
```
#5678e7 rgb(86,120,231)
```
#6786ea
```
#6786ea rgb(103,134,234)
```
#7993ec
```
#7993ec rgb(121,147,236)
```
#8aa1ef
```
#8aa1ef rgb(138,161,239)
```
#9baff1
```
#9baff1 rgb(155,175,241)
```
#acbdf3
```
#acbdf3 rgb(172,189,243)
```
#bdcbf6
```
#bdcbf6 rgb(189,203,246)
```
#cfd8f8
```
#cfd8f8 rgb(207,216,248)
```
#e0e6fb
```
#e0e6fb rgb(224,230,251)
```
#f1f4fd
```
#f1f4fd rgb(241,244,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #c2c4ca is the less saturated color, while #8ea8fe is the most saturated one.

#c2c4ca
```
#c2c4ca rgb(194,196,202)
```
#bec2ce
```
#bec2ce rgb(190,194,206)
```
#babfd2
```
#babfd2 rgb(186,191,210)
```
#b5bdd7
```
#b5bdd7 rgb(181,189,215)
```
#b1bbdb
```
#b1bbdb rgb(177,187,219)
```
#adb8df
```
#adb8df rgb(173,184,223)
```
#a8b6e4
```
#a8b6e4 rgb(168,182,228)
```
#a4b4e8
```
#a4b4e8 rgb(164,180,232)
```
#9fb1ed
```
#9fb1ed rgb(159,177,237)
```
#9baff1
```
#9baff1 rgb(155,175,241)
```
#97adf5
```
#97adf5 rgb(151,173,245)
```
#92aafa
```
#92aafa rgb(146,170,250)
```
#8ea8fe
```
#8ea8fe rgb(142,168,254)
```

Tone Color Variation

Below, you can see how #9baff1 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.

Monochromacy

#b1b1b1 Achromatopsia 0.005% of the population
#adb1be Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b2f1 Protanopia 1% of men
#a0b3f1 Deuteranopia 1% of men
#94bbc8 Tritanopia 0.001% of the population

Trichromacy

#9fb1f1 Protanomaly 1% of men, 0.01% of women
#9eb1f1 Deuteranomaly 6% of men, 0.4% of women
#96b6d7 Tritanomaly 0.01% of the population

#9baff1 hex color

#9baff1 Color Information

#9baff1 Color Conversion

Color Schemes with #9baff1

Alternatives to #9baff1

#9baff1 Preview

Shades and Tints of #9baff1

Tones of #9baff1

Color Blindness Simulator