#0abdf5 hex color

In a RGB color space, hex #0abdf5 is composed of 3.9% red, 74.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 95.9% cyan, 22.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 194.3 degrees, a saturation of 92.2% and a lightness of 50%. #0abdf5 color hex could be obtained by blending #14ffff with #007beb. Closest websafe color is: #00ccff.

♥
- f
- t
- g
- R 4
- G 74
- B 96
RGB color chart
- C 96
- M 23
- Y 0
- K 4
CMYK color chart

● #0abdf5 color description : Vivid cyan.

The hexadecimal color #0abdf5 has RGB values of R:10, G:189, B:245 and CMYK values of C:0.96, M:0.23, Y:0, K:0.04. Its decimal value is 703989.

Hex triplet	0abdf5	`#0abdf5`
RGB Decimal	10, 189, 245	`rgb(10,189,245)`
RGB Percent	3.9, 74.1, 96.1	`rgb(3.9%,74.1%,96.1%)`
CMYK	96, 23, 0, 4
HSL	194.3°, 92.2, 50	`hsl(194.3,92.2%,50%)`
HSV (or HSB)	194.3°, 95.9, 96.1
Web Safe	00ccff	`#00ccff`

CIE-LAB	71.588, -19.837, -38.648
XYZ	34.8, 43.049, 92.856
xyY	0.204, 0.252, 43.049
CIE-LCH	71.588, 43.442, 242.83
CIE-LUV	71.588, -49.049, -59.911
Hunter-Lab	65.612, -20.145, -37.982
Binary	00001010, 10111101, 11110101

#0abdf5
```
#0abdf5 rgb(10,189,245)
```
#f5420a
```
#f5420a rgb(245,66,10)
```

Complementary Color

#0af5b8
```
#0af5b8 rgb(10,245,184)
```
#0abdf5
```
#0abdf5 rgb(10,189,245)
```
#0a48f5
```
#0a48f5 rgb(10,72,245)
```

Analogous Color

#f5b80a
```
#f5b80a rgb(245,184,10)
```
#0abdf5
```
#0abdf5 rgb(10,189,245)
```
#f50a48
```
#f50a48 rgb(245,10,72)
```

Split Complementary Color

#bdf50a
```
#bdf50a rgb(189,245,10)
```
#0abdf5
```
#0abdf5 rgb(10,189,245)
```
#f50abd
```
#f50abd rgb(245,10,189)
```

Triadic Color

#0af542
```
#0af542 rgb(10,245,66)
```
#0abdf5
```
#0abdf5 rgb(10,189,245)
```
#f50abd
```
#f50abd rgb(245,10,189)
```
#f5420a
```
#f5420a rgb(245,66,10)
```

Tetradic Color

#0784ac
```
#0784ac rgb(7,132,172)
```
#0897c4
```
#0897c4 rgb(8,151,196)
```
#09aadd
```
#09aadd rgb(9,170,221)
```
#0abdf5
```
#0abdf5 rgb(10,189,245)
```
#23c4f6
```
#23c4f6 rgb(35,196,246)
```
#3bcaf7
```
#3bcaf7 rgb(59,202,247)
```
#54d1f8
```
#54d1f8 rgb(84,209,248)
```

Monochromatic Color

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

#0af5f2
```
#0af5f2 rgb(10,245,242)
```
#0ae4f5
```
#0ae4f5 rgb(10,228,245)
```
#0ad1f5
```
#0ad1f5 rgb(10,209,245)
```
#0abdf5
```
#0abdf5 rgb(10,189,245)
```
#0aa9f5
```
#0aa9f5 rgb(10,169,245)
```
#0a96f5
```
#0a96f5 rgb(10,150,245)
```
#0a82f5
```
#0a82f5 rgb(10,130,245)
```

Similar Colors

Text with hexadecimal color #0abdf5

This text has a font color of #0abdf5.

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

#0abdf5 background color

This paragraph has a background color of #0abdf5.

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

#0abdf5 border color

This element has a border color of #0abdf5.

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

CSS codes

.text {color:#0abdf5;}

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

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

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

#010f13
```
#010f13 rgb(1,15,19)
```
#021d26
```
#021d26 rgb(2,29,38)
```
#022c39
```
#022c39 rgb(2,44,57)
```
#033a4b
```
#033a4b rgb(3,58,75)
```
#04495e
```
#04495e rgb(4,73,94)
```
#055771
```
#055771 rgb(5,87,113)
```
#056684
```
#056684 rgb(5,102,132)
```
#067497
```
#067497 rgb(6,116,151)
```
#0783aa
```
#0783aa rgb(7,131,170)
```
#0891bc
```
#0891bc rgb(8,145,188)
```
#08a0cf
```
#08a0cf rgb(8,160,207)
```
#09aee2
```
#09aee2 rgb(9,174,226)
```
#0abdf5
```
#0abdf5 rgb(10,189,245)
```

Shade Color Variation

#1dc2f6
```
#1dc2f6 rgb(29,194,246)
```
#30c7f7
```
#30c7f7 rgb(48,199,247)
```
#43ccf7
```
#43ccf7 rgb(67,204,247)
```
#55d1f8
```
#55d1f8 rgb(85,209,248)
```
#68d6f9
```
#68d6f9 rgb(104,214,249)
```
#7bdbfa
```
#7bdbfa rgb(123,219,250)
```
#8ee1fa
```
#8ee1fa rgb(142,225,250)
```
#a1e6fb
```
#a1e6fb rgb(161,230,251)
```
#b4ebfc
```
#b4ebfc rgb(180,235,252)
```
#c6f0fd
```
#c6f0fd rgb(198,240,253)
```
#d9f5fd
```
#d9f5fd rgb(217,245,253)
```
#ecfafe
```
#ecfafe rgb(236,250,254)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#768589
```
#768589 rgb(118,133,137)
```
#6c8a93
```
#6c8a93 rgb(108,138,147)
```
#628f9d
```
#628f9d rgb(98,143,157)
```
#5894a7
```
#5894a7 rgb(88,148,167)
```
#4f99b0
```
#4f99b0 rgb(79,153,176)
```
#459eba
```
#459eba rgb(69,158,186)
```
#3ba3c4
```
#3ba3c4 rgb(59,163,196)
```
#31a8ce
```
#31a8ce rgb(49,168,206)
```
#27aed8
```
#27aed8 rgb(39,174,216)
```
#1eb3e1
```
#1eb3e1 rgb(30,179,225)
```
#14b8eb
```
#14b8eb rgb(20,184,235)
```
#0abdf5
```
#0abdf5 rgb(10,189,245)
```
#00c2ff
```
#00c2ff rgb(0,194,255)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#7497a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a1b1eb Protanopia 1% of men
#94b2fb Deuteranopia 1% of men
#00c4d2 Tritanopia 0.001% of the population

Trichromacy

#6ab5ee Protanomaly 1% of men, 0.01% of women
#62b6f9 Deuteranomaly 6% of men, 0.4% of women
#03c2df Tritanomaly 0.01% of the population

#0abdf5 hex color

#0abdf5 Color Information

#0abdf5 Color Conversion

Color Schemes with #0abdf5

Alternatives to #0abdf5

#0abdf5 Preview

Shades and Tints of #0abdf5

Tones of #0abdf5

Color Blindness Simulator