#0ab0f2 hex color

In a RGB color space, hex #0ab0f2 is composed of 3.9% red, 69% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 95.9% cyan, 27.3% magenta, 0% yellow and 5.1% black. It has a hue angle of 197.1 degrees, a saturation of 92.1% and a lightness of 49.4%. #0ab0f2 color hex could be obtained by blending #14ffff with #0061e5. Closest websafe color is: #0099ff.

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

● #0ab0f2 color description : Vivid blue.

The hexadecimal color #0ab0f2 has RGB values of R:10, G:176, B:242 and CMYK values of C:0.96, M:0.27, Y:0, K:0.05. Its decimal value is 700658.

Hex triplet	0ab0f2	`#0ab0f2`
RGB Decimal	10, 176, 242	`rgb(10,176,242)`
RGB Percent	3.9, 69, 94.9	`rgb(3.9%,69%,94.9%)`
CMYK	96, 27, 0, 5
HSL	197.1°, 92.1, 49.4	`hsl(197.1,92.1%,49.4%)`
HSV (or HSB)	197.1°, 95.9, 94.9
Web Safe	0099ff	`#0099ff`

CIE-LAB	67.668, -13.988, -43.145
XYZ	31.673, 37.523, 89.573
xyY	0.199, 0.236, 37.523
CIE-LCH	67.668, 45.356, 252.037
CIE-LUV	67.668, -44.928, -67.846
Hunter-Lab	61.256, -14.901, -43.819
Binary	00001010, 10110000, 11110010

#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```
#f24c0a
```
#f24c0a rgb(242,76,10)
```

Complementary Color

#0af2c0
```
#0af2c0 rgb(10,242,192)
```
#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```
#0a3cf2
```
#0a3cf2 rgb(10,60,242)
```

Analogous Color

#f2c00a
```
#f2c00a rgb(242,192,10)
```
#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```
#f20a3c
```
#f20a3c rgb(242,10,60)
```

Split Complementary Color

#b0f20a
```
#b0f20a rgb(176,242,10)
```
#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```
#f20ab0
```
#f20ab0 rgb(242,10,176)
```

Triadic Color

#0af24c
```
#0af24c rgb(10,242,76)
```
#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```
#f20ab0
```
#f20ab0 rgb(242,10,176)
```
#f24c0a
```
#f24c0a rgb(242,76,10)
```

Tetradic Color

#077ba9
```
#077ba9 rgb(7,123,169)
```
#088cc1
```
#088cc1 rgb(8,140,193)
```
#099eda
```
#099eda rgb(9,158,218)
```
#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```
#20b9f6
```
#20b9f6 rgb(32,185,246)
```
#38c1f7
```
#38c1f7 rgb(56,193,247)
```
#51c8f8
```
#51c8f8 rgb(81,200,248)
```

Monochromatic Color

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

#0aeaf2
```
#0aeaf2 rgb(10,234,242)
```
#0ad7f2
```
#0ad7f2 rgb(10,215,242)
```
#0ac3f2
```
#0ac3f2 rgb(10,195,242)
```
#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```
#0a9df2
```
#0a9df2 rgb(10,157,242)
```
#0a89f2
```
#0a89f2 rgb(10,137,242)
```
#0a76f2
```
#0a76f2 rgb(10,118,242)
```

Similar Colors

Text with hexadecimal color #0ab0f2

This text has a font color of #0ab0f2.

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

#0ab0f2 background color

This paragraph has a background color of #0ab0f2.

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

#0ab0f2 border color

This element has a border color of #0ab0f2.

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

CSS codes

.text {color:#0ab0f2;}

.background {background-color:#0ab0f2;}

.border {border:1px solid #0ab0f2;}

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

#010c10
```
#010c10 rgb(1,12,16)
```
#011923
```
#011923 rgb(1,25,35)
```
#022736
```
#022736 rgb(2,39,54)
```
#033548
```
#033548 rgb(3,53,72)
```
#04425b
```
#04425b rgb(4,66,91)
```
#05506e
```
#05506e rgb(5,80,110)
```
#055e81
```
#055e81 rgb(5,94,129)
```
#066c94
```
#066c94 rgb(6,108,148)
```
#0779a7
```
#0779a7 rgb(7,121,167)
```
#0887b9
```
#0887b9 rgb(8,135,185)
```
#0895cc
```
#0895cc rgb(8,149,204)
```
#09a2df
```
#09a2df rgb(9,162,223)
```
#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```

Shade Color Variation

#1ab7f6
```
#1ab7f6 rgb(26,183,246)
```
#2dbdf6
```
#2dbdf6 rgb(45,189,246)
```
#40c3f7
```
#40c3f7 rgb(64,195,247)
```
#53c9f8
```
#53c9f8 rgb(83,201,248)
```
#65cff9
```
#65cff9 rgb(101,207,249)
```
#78d5f9
```
#78d5f9 rgb(120,213,249)
```
#8bdbfa
```
#8bdbfa rgb(139,219,250)
```
#9ee1fb
```
#9ee1fb rgb(158,225,251)
```
#b1e6fc
```
#b1e6fc rgb(177,230,252)
```
#c4ecfd
```
#c4ecfd rgb(196,236,253)
```
#d6f2fd
```
#d6f2fd rgb(214,242,253)
```
#e9f8fe
```
#e9f8fe rgb(233,248,254)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#758287
```
#758287 rgb(117,130,135)
```
#6b8691
```
#6b8691 rgb(107,134,145)
```
#618a9b
```
#618a9b rgb(97,138,155)
```
#588fa4
```
#588fa4 rgb(88,143,164)
```
#4e93ae
```
#4e93ae rgb(78,147,174)
```
#4497b8
```
#4497b8 rgb(68,151,184)
```
#3a9bc2
```
#3a9bc2 rgb(58,155,194)
```
#319fcb
```
#319fcb rgb(49,159,203)
```
#27a3d5
```
#27a3d5 rgb(39,163,213)
```
#1da8df
```
#1da8df rgb(29,168,223)
```
#14ace8
```
#14ace8 rgb(20,172,232)
```
#0ab0f2
```
#0ab0f2 rgb(10,176,242)
```
#00b4fc
```
#00b4fc rgb(0,180,252)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#6d8e9c Atypical Achromatopsia 0.001% of the population

Dichromacy

#93a7e9 Protanopia 1% of men
#81a9f7 Deuteranopia 1% of men
#00bac6 Tritanopia 0.001% of the population

Trichromacy

#61aaec Protanomaly 1% of men, 0.01% of women
#55abf5 Deuteranomaly 6% of men, 0.4% of women
#03b6d6 Tritanomaly 0.01% of the population

#0ab0f2 hex color

#0ab0f2 Color Information

#0ab0f2 Color Conversion

Color Schemes with #0ab0f2

Alternatives to #0ab0f2

#0ab0f2 Preview

Shades and Tints of #0ab0f2

Tones of #0ab0f2

Color Blindness Simulator