#09bafe hex color

In a RGB color space, hex #09bafe is composed of 3.5% red, 72.9% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 96.5% cyan, 26.8% magenta, 0% yellow and 0.4% black. It has a hue angle of 196.7 degrees, a saturation of 99.2% and a lightness of 51.6%. #09bafe color hex could be obtained by blending #12ffff with #0075fd. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 4
- G 73
- B 100
RGB color chart
- C 96
- M 27
- Y 0
- K 0
CMYK color chart

● #09bafe color description : Vivid blue.

The hexadecimal color #09bafe has RGB values of R:9, G:186, B:254 and CMYK values of C:0.96, M:0.27, Y:0, K:0. Its decimal value is 637694.

Hex triplet	09bafe	`#09bafe`
RGB Decimal	9, 186, 254	`rgb(9,186,254)`
RGB Percent	3.5, 72.9, 99.6	`rgb(3.5%,72.9%,99.6%)`
CMYK	96, 27, 0, 0
HSL	196.7°, 99.2, 51.6	`hsl(196.7,99.2%,51.6%)`
HSV (or HSB)	196.7°, 96.5, 99.6
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.097, -15.145, -44.276
XYZ	35.556, 42.328, 100.057
xyY	0.2, 0.238, 42.328
CIE-LCH	71.097, 46.795, 251.116
CIE-LUV	71.097, -47.427, -70.117
Hunter-Lab	65.06, -16.302, -45.641
Binary	00001001, 10111010, 11111110

#09bafe
```
#09bafe rgb(9,186,254)
```
#fe4d09
```
#fe4d09 rgb(254,77,9)
```

Complementary Color

#09fec8
```
#09fec8 rgb(9,254,200)
```
#09bafe
```
#09bafe rgb(9,186,254)
```
#0940fe
```
#0940fe rgb(9,64,254)
```

Analogous Color

#fec809
```
#fec809 rgb(254,200,9)
```
#09bafe
```
#09bafe rgb(9,186,254)
```
#fe0940
```
#fe0940 rgb(254,9,64)
```

Split Complementary Color

#bafe09
```
#bafe09 rgb(186,254,9)
```
#09bafe
```
#09bafe rgb(9,186,254)
```
#fe09ba
```
#fe09ba rgb(254,9,186)
```

Triadic Color

#09fe4d
```
#09fe4d rgb(9,254,77)
```
#09bafe
```
#09bafe rgb(9,186,254)
```
#fe09ba
```
#fe09ba rgb(254,9,186)
```
#fe4d09
```
#fe4d09 rgb(254,77,9)
```

Tetradic Color

#0186ba
```
#0186ba rgb(1,134,186)
```
#0199d3
```
#0199d3 rgb(1,153,211)
```
#01abed
```
#01abed rgb(1,171,237)
```
#09bafe
```
#09bafe rgb(9,186,254)
```
#22c1fe
```
#22c1fe rgb(34,193,254)
```
#3cc8fe
```
#3cc8fe rgb(60,200,254)
```
#55cffe
```
#55cffe rgb(85,207,254)
```

Monochromatic Color

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

#09f7fe
```
#09f7fe rgb(9,247,254)
```
#09e3fe
```
#09e3fe rgb(9,227,254)
```
#09cefe
```
#09cefe rgb(9,206,254)
```
#09bafe
```
#09bafe rgb(9,186,254)
```
#09a6fe
```
#09a6fe rgb(9,166,254)
```
#0991fe
```
#0991fe rgb(9,145,254)
```
#097dfe
```
#097dfe rgb(9,125,254)
```

Similar Colors

Text with hexadecimal color #09bafe

This text has a font color of #09bafe.

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

#09bafe background color

This paragraph has a background color of #09bafe.

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

#09bafe border color

This element has a border color of #09bafe.

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

CSS codes

.text {color:#09bafe;}

.background {background-color:#09bafe;}

.border {border:1px solid #09bafe;}

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

#000608
```
#000608 rgb(0,6,8)
```
#00141c
```
#00141c rgb(0,20,28)
```
#00222f
```
#00222f rgb(0,34,47)
```
#003043
```
#003043 rgb(0,48,67)
```
#003e56
```
#003e56 rgb(0,62,86)
```
#004c6a
```
#004c6a rgb(0,76,106)
```
#015b7d
```
#015b7d rgb(1,91,125)
```
#016991
```
#016991 rgb(1,105,145)
```
#0177a4
```
#0177a4 rgb(1,119,164)
```
#0185b8
```
#0185b8 rgb(1,133,184)
```
#0193cb
```
#0193cb rgb(1,147,203)
```
#01a1df
```
#01a1df rgb(1,161,223)
```
#01aff2
```
#01aff2 rgb(1,175,242)
```

Shade Color Variation

#09bafe
```
#09bafe rgb(9,186,254)
```
#1dbffe
```
#1dbffe rgb(29,191,254)
```
#30c5fe
```
#30c5fe rgb(48,197,254)
```
#44cafe
```
#44cafe rgb(68,202,254)
```
#57d0fe
```
#57d0fe rgb(87,208,254)
```
#6bd5fe
```
#6bd5fe rgb(107,213,254)
```
#7edbfe
```
#7edbfe rgb(126,219,254)
```
#92e0ff
```
#92e0ff rgb(146,224,255)
```
#a5e6ff
```
#a5e6ff rgb(165,230,255)
```
#b9ebff
```
#b9ebff rgb(185,235,255)
```
#ccf1ff
```
#ccf1ff rgb(204,241,255)
```
#e0f6ff
```
#e0f6ff rgb(224,246,255)
```
#f3fcff
```
#f3fcff rgb(243,252,255)
```

Tint Color Variation

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

#7b878c
```
#7b878c rgb(123,135,140)
```
#728c96
```
#728c96 rgb(114,140,150)
```
#68909f
```
#68909f rgb(104,144,159)
```
#5f94a9
```
#5f94a9 rgb(95,148,169)
```
#5598b2
```
#5598b2 rgb(85,152,178)
```
#4c9cbc
```
#4c9cbc rgb(76,156,188)
```
#42a1c5
```
#42a1c5 rgb(66,161,197)
```
#39a5cf
```
#39a5cf rgb(57,165,207)
```
#2fa9d8
```
#2fa9d8 rgb(47,169,216)
```
#26ade2
```
#26ade2 rgb(38,173,226)
```
#1cb2eb
```
#1cb2eb rgb(28,178,235)
```
#13b6f5
```
#13b6f5 rgb(19,182,245)
```
#09bafe
```
#09bafe rgb(9,186,254)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#7396a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9baff4 Protanopia 1% of men
#8cb1ff Deuteranopia 1% of men
#00c3d0 Tritanopia 0.001% of the population

Trichromacy

#66b3f7 Protanomaly 1% of men, 0.01% of women
#5cb4fe Deuteranomaly 6% of men, 0.4% of women
#03c0e1 Tritanomaly 0.01% of the population

#09bafe hex color

#09bafe Color Information

#09bafe Color Conversion

Color Schemes with #09bafe

Alternatives to #09bafe

#09bafe Preview

Shades and Tints of #09bafe

Tones of #09bafe

Color Blindness Simulator