colorhexa.com

#0caad5 hex color

In a RGB color space, hex #0caad5 is composed of 4.7% red, 66.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 94.4% cyan, 20.2% magenta, 0% yellow and 16.5% black. It has a hue angle of 192.8 degrees, a saturation of 89.3% and a lightness of 44.1%. #0caad5 color hex could be obtained by blending #18ffff with #0055ab. Closest websafe color is: #0099cc.

- R 5
- G 67
- B 84
RGB color chart
- C 94
- M 20
- Y 0
- K 16
CMYK color chart

● #0caad5 color description : Strong cyan.

The hexadecimal color #0caad5 has RGB values of R:12, G:170, B:213 and CMYK values of C:0.94, M:0.2, Y:0, K:0.16. Its decimal value is 830165.

Hex triplet	0caad5	`#0caad5`
RGB Decimal	12, 170, 213	`rgb(12,170,213)`
RGB Percent	4.7, 66.7, 83.5	`rgb(4.7%,66.7%,83.5%)`
CMYK	94, 20, 0, 16
HSL	192.8°, 89.3, 44.1	`hsl(192.8,89.3%,44.1%)`
HSV (or HSB)	192.8°, 94.4, 83.5
Web Safe	0099cc	`#0099cc`

CIE-LAB	64.667, -20.924, -31.906
XYZ	26.533, 33.629, 68.04
xyY	0.207, 0.262, 33.629
CIE-LCH	64.667, 38.155, 236.744
CIE-LUV	64.667, -44.941, -47.583
Hunter-Lab	57.991, -19.812, -28.971
Binary	00001100, 10101010, 11010101

#0caad5
```
#0caad5 rgb(12,170,213)
```
#d5370c
```
#d5370c rgb(213,55,12)
```

Complementary Color

#0cd59c
```
#0cd59c rgb(12,213,156)
```
#0caad5
```
#0caad5 rgb(12,170,213)
```
#0c46d5
```
#0c46d5 rgb(12,70,213)
```

Analogous Color

#d59c0c
```
#d59c0c rgb(213,156,12)
```
#0caad5
```
#0caad5 rgb(12,170,213)
```
#d50c46
```
#d50c46 rgb(213,12,70)
```

Split Complementary Color

#aad50c
```
#aad50c rgb(170,213,12)
```
#0caad5
```
#0caad5 rgb(12,170,213)
```
#d50caa
```
#d50caa rgb(213,12,170)
```

Triadic Color

#0cd537
```
#0cd537 rgb(12,213,55)
```
#0caad5
```
#0caad5 rgb(12,170,213)
```
#d50caa
```
#d50caa rgb(213,12,170)
```
#d5370c
```
#d5370c rgb(213,55,12)
```

Tetradic Color

#08708d
```
#08708d rgb(8,112,141)
```
#0983a5
```
#0983a5 rgb(9,131,165)
```
#0b97bd
```
#0b97bd rgb(11,151,189)
```
#0caad5
```
#0caad5 rgb(12,170,213)
```
#0dbded
```
#0dbded rgb(13,189,237)
```
#21c6f3
```
#21c6f3 rgb(33,198,243)
```
#3accf4
```
#3accf4 rgb(58,204,244)
```

Monochromatic Color

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

#0cd5ce
```
#0cd5ce rgb(12,213,206)
```
#0cccd5
```
#0cccd5 rgb(12,204,213)
```
#0cbbd5
```
#0cbbd5 rgb(12,187,213)
```
#0caad5
```
#0caad5 rgb(12,170,213)
```
#0c99d5
```
#0c99d5 rgb(12,153,213)
```
#0c89d5
```
#0c89d5 rgb(12,137,213)
```
#0c78d5
```
#0c78d5 rgb(12,120,213)
```

Similar Colors

Text with hexadecimal color #0caad5

This text has a font color of #0caad5.

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

#0caad5 background color

This paragraph has a background color of #0caad5.

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

#0caad5 border color

This element has a border color of #0caad5.

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

CSS codes

.text {color:#0caad5;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#02161b
```
#02161b rgb(2,22,27)
```
#03252e
```
#03252e rgb(3,37,46)
```
#043340
```
#043340 rgb(4,51,64)
```
#054253
```
#054253 rgb(5,66,83)
```
#065166
```
#065166 rgb(6,81,102)
```
#076078
```
#076078 rgb(7,96,120)
```
#086f8b
```
#086f8b rgb(8,111,139)
```
#097e9d
```
#097e9d rgb(9,126,157)
```
#0a8cb0
```
#0a8cb0 rgb(10,140,176)
```
#0b9bc2
```
#0b9bc2 rgb(11,155,194)
```
#0caad5
```
#0caad5 rgb(12,170,213)
```
#0db9e8
```
#0db9e8 rgb(13,185,232)
```

Shade Color Variation

#16c3f2
```
#16c3f2 rgb(22,195,242)
```
#29c8f3
```
#29c8f3 rgb(41,200,243)
```
#3bcdf4
```
#3bcdf4 rgb(59,205,244)
```
#4ed1f5
```
#4ed1f5 rgb(78,209,245)
```
#61d6f6
```
#61d6f6 rgb(97,214,246)
```
#73dbf7
```
#73dbf7 rgb(115,219,247)
```
#86e0f8
```
#86e0f8 rgb(134,224,248)
```
#98e4f9
```
#98e4f9 rgb(152,228,249)
```
#abe9fa
```
#abe9fa rgb(171,233,250)
```
#bdeefb
```
#bdeefb rgb(189,238,251)
```
#d0f3fc
```
#d0f3fc rgb(208,243,252)
```
#e3f8fd
```
#e3f8fd rgb(227,248,253)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

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

#6b7476
```
#6b7476 rgb(107,116,118)
```
#63787e
```
#63787e rgb(99,120,126)
```
#5a7d87
```
#5a7d87 rgb(90,125,135)
```
#518290
```
#518290 rgb(81,130,144)
```
#498798
```
#498798 rgb(73,135,152)
```
#408ca1
```
#408ca1 rgb(64,140,161)
```
#3791aa
```
#3791aa rgb(55,145,170)
```
#2f96b2
```
#2f96b2 rgb(47,150,178)
```
#269bbb
```
#269bbb rgb(38,155,187)
```
#1da0c4
```
#1da0c4 rgb(29,160,196)
```
#15a5cc
```
#15a5cc rgb(21,165,204)
```
#0caad5
```
#0caad5 rgb(12,170,213)
```
#03afde
```
#03afde rgb(3,175,222)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#698891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#95a0cd Protanopia 1% of men
#8ba0dc Deuteranopia 1% of men
#00b1be Tritanopia 0.001% of the population

Trichromacy

#63a3d0 Protanomaly 1% of men, 0.01% of women
#5da3d9 Deuteranomaly 6% of men, 0.4% of women
#04aec6 Tritanomaly 0.01% of the population