#b0faf2 hex color

In a RGB color space, hex #b0faf2 is composed of 69% red, 98% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 29.6% cyan, 0% magenta, 3.2% yellow and 2% black. It has a hue angle of 173.5 degrees, a saturation of 88.1% and a lightness of 83.5%. #b0faf2 color hex could be obtained by blending #ffffff with #61f5e5. Closest websafe color is: #99ffff.

♥
- f
- t
- g
- R 69
- G 98
- B 95
RGB color chart
- C 30
- M 0
- Y 3
- K 2
CMYK color chart

● #b0faf2 color description : Very soft cyan.

The hexadecimal color #b0faf2 has RGB values of R:176, G:250, B:242 and CMYK values of C:0.3, M:0, Y:0.03, K:0.02. Its decimal value is 11598578.

Hex triplet	b0faf2	`#b0faf2`
RGB Decimal	176, 250, 242	`rgb(176,250,242)`
RGB Percent	69, 98, 94.9	`rgb(69%,98%,94.9%)`
CMYK	30, 0, 3, 2
HSL	173.5°, 88.1, 83.5	`hsl(173.5,88.1%,83.5%)`
HSV (or HSB)	173.5°, 29.6, 98
Web Safe	99ffff	`#99ffff`

CIE-LAB	93.455, -24.348, -3.48
XYZ	68.113, 84.009, 96.626
xyY	0.274, 0.338, 84.009
CIE-LCH	93.455, 24.595, 188.134
CIE-LUV	93.455, -35.798, -1.311
Hunter-Lab	91.657, -27.75, 1.655
Binary	10110000, 11111010, 11110010

#b0faf2
```
#b0faf2 rgb(176,250,242)
```
#fab0b8
```
#fab0b8 rgb(250,176,184)
```

Complementary Color

#b0facd
```
#b0facd rgb(176,250,205)
```
#b0faf2
```
#b0faf2 rgb(176,250,242)
```
#b0ddfa
```
#b0ddfa rgb(176,221,250)
```

Analogous Color

#facdb0
```
#facdb0 rgb(250,205,176)
```
#b0faf2
```
#b0faf2 rgb(176,250,242)
```
#fab0dd
```
#fab0dd rgb(250,176,221)
```

Split Complementary Color

#faf2b0
```
#faf2b0 rgb(250,242,176)
```
#b0faf2
```
#b0faf2 rgb(176,250,242)
```
#f2b0fa
```
#f2b0fa rgb(242,176,250)
```

Triadic Color

#b8fab0
```
#b8fab0 rgb(184,250,176)
```
#b0faf2
```
#b0faf2 rgb(176,250,242)
```
#f2b0fa
```
#f2b0fa rgb(242,176,250)
```
#fab0b8
```
#fab0b8 rgb(250,176,184)
```

Tetradic Color

#68f5e6
```
#68f5e6 rgb(104,245,230)
```
#80f7ea
```
#80f7ea rgb(128,247,234)
```
#98f8ee
```
#98f8ee rgb(152,248,238)
```
#b0faf2
```
#b0faf2 rgb(176,250,242)
```
#c8fcf6
```
#c8fcf6 rgb(200,252,246)
```
#e0fdfa
```
#e0fdfa rgb(224,253,250)
```
#f8fffe
```
#f8fffe rgb(248,255,254)
```

Monochromatic Color

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

#b0fae0
```
#b0fae0 rgb(176,250,224)
```
#b0fae6
```
#b0fae6 rgb(176,250,230)
```
#b0faec
```
#b0faec rgb(176,250,236)
```
#b0faf2
```
#b0faf2 rgb(176,250,242)
```
#b0faf8
```
#b0faf8 rgb(176,250,248)
```
#b0f6fa
```
#b0f6fa rgb(176,246,250)
```
#b0f0fa
```
#b0f0fa rgb(176,240,250)
```

Similar Colors

Text with hexadecimal color #b0faf2

This text has a font color of #b0faf2.

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

#b0faf2 background color

This paragraph has a background color of #b0faf2.

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

#b0faf2 border color

This element has a border color of #b0faf2.

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

CSS codes

.text {color:#b0faf2;}

.background {background-color:#b0faf2;}

.border {border:1px solid #b0faf2;}

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, #010d0c is the darkest color, while #fafffe is the lightest one.

#010d0c
```
#010d0c rgb(1,13,12)
```
#02201c
```
#02201c rgb(2,32,28)
```
#03322d
```
#03322d rgb(3,50,45)
```
#04453e
```
#04453e rgb(4,69,62)
```
#06574e
```
#06574e rgb(6,87,78)
```
#07695f
```
#07695f rgb(7,105,95)
```
#087c6f
```
#087c6f rgb(8,124,111)
```
#098e80
```
#098e80 rgb(9,142,128)
```
#0aa191
```
#0aa191 rgb(10,161,145)
```
#0bb3a1
```
#0bb3a1 rgb(11,179,161)
```
#0dc6b2
```
#0dc6b2 rgb(13,198,178)
```
#0ed8c2
```
#0ed8c2 rgb(14,216,194)
```
#0febd3
```
#0febd3 rgb(15,235,211)
```

Shade Color Variation

#1cf1da
```
#1cf1da rgb(28,241,218)
```
#2ff2dd
```
#2ff2dd rgb(47,242,221)
```
#41f3e0
```
#41f3e0 rgb(65,243,224)
```
#54f4e3
```
#54f4e3 rgb(84,244,227)
```
#66f5e6
```
#66f5e6 rgb(102,245,230)
```
#79f6e9
```
#79f6e9 rgb(121,246,233)
```
#8bf8ec
```
#8bf8ec rgb(139,248,236)
```
#9ef9ef
```
#9ef9ef rgb(158,249,239)
```
#b0faf2
```
#b0faf2 rgb(176,250,242)
```
#c2fbf5
```
#c2fbf5 rgb(194,251,245)
```
#d5fcf8
```
#d5fcf8 rgb(213,252,248)
```
#e7fefb
```
#e7fefb rgb(231,254,251)
```
#fafffe
```
#fafffe rgb(250,255,254)
```

Tint Color Variation

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

#d4d6d6
```
#d4d6d6 rgb(212,214,214)
```
#d0dad9
```
#d0dad9 rgb(208,218,217)
```
#cddddb
```
#cddddb rgb(205,221,219)
```
#cae0de
```
#cae0de rgb(202,224,222)
```
#c7e3e0
```
#c7e3e0 rgb(199,227,224)
```
#c3e7e3
```
#c3e7e3 rgb(195,231,227)
```
#c0eae5
```
#c0eae5 rgb(192,234,229)
```
#bdede8
```
#bdede8 rgb(189,237,232)
```
#baf0ea
```
#baf0ea rgb(186,240,234)
```
#b6f4ed
```
#b6f4ed rgb(182,244,237)
```
#b3f7ef
```
#b3f7ef rgb(179,247,239)
```
#b0faf2
```
#b0faf2 rgb(176,250,242)
```
#adfdf5
```
#adfdf5 rgb(173,253,245)
```

Tone Color Variation

Below, you can see how #b0faf2 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

#e3e3e3 Achromatopsia 0.005% of the population
#d9e8e6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1eceb Protanopia 1% of men
#fde6f9 Deuteranopia 1% of men
#cff3ff Tritanopia 0.001% of the population

Trichromacy

#d9f1ed Protanomaly 1% of men, 0.01% of women
#e1edf6 Deuteranomaly 6% of men, 0.4% of women
#c3f5fa Tritanomaly 0.01% of the population

#b0faf2 hex color

#b0faf2 Color Information

#b0faf2 Color Conversion

Color Schemes with #b0faf2

Alternatives to #b0faf2

#b0faf2 Preview

Shades and Tints of #b0faf2

Tones of #b0faf2

Color Blindness Simulator