#0ca5bf hex color

In a RGB color space, hex #0ca5bf is composed of 4.7% red, 64.7% green and 74.9% blue. Whereas in a CMYK color space, it is composed of 93.7% cyan, 13.6% magenta, 0% yellow and 25.1% black. It has a hue angle of 188.7 degrees, a saturation of 88.2% and a lightness of 39.8%. #0ca5bf color hex could be obtained by blending #18ffff with #004b7f. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 65
- B 75
RGB color chart
- C 94
- M 14
- Y 0
- K 25
CMYK color chart

● #0ca5bf color description : Strong cyan.

The hexadecimal color #0ca5bf has RGB values of R:12, G:165, B:191 and CMYK values of C:0.94, M:0.14, Y:0, K:0.25. Its decimal value is 828863.

Hex triplet	0ca5bf	`#0ca5bf`
RGB Decimal	12, 165, 191	`rgb(12,165,191)`
RGB Percent	4.7, 64.7, 74.9	`rgb(4.7%,64.7%,74.9%)`
CMYK	94, 14, 0, 25
HSL	188.7°, 88.2, 39.8	`hsl(188.7,88.2%,39.8%)`
HSV (or HSB)	188.7°, 93.7, 74.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.294, -25.86, -23.329
XYZ	23.008, 30.748, 54.01
xyY	0.214, 0.285, 30.748
CIE-LCH	62.294, 34.828, 222.055
CIE-LUV	62.294, -44.889, -32.498
Hunter-Lab	55.451, -22.974, -18.934
Binary	00001100, 10100101, 10111111

#0ca5bf
```
#0ca5bf rgb(12,165,191)
```
#bf260c
```
#bf260c rgb(191,38,12)
```

Complementary Color

#0cbf80
```
#0cbf80 rgb(12,191,128)
```
#0ca5bf
```
#0ca5bf rgb(12,165,191)
```
#0c4bbf
```
#0c4bbf rgb(12,75,191)
```

Analogous Color

#bf800c
```
#bf800c rgb(191,128,12)
```
#0ca5bf
```
#0ca5bf rgb(12,165,191)
```
#bf0c4c
```
#bf0c4c rgb(191,12,76)
```

Split Complementary Color

#a5bf0c
```
#a5bf0c rgb(165,191,12)
```
#0ca5bf
```
#0ca5bf rgb(12,165,191)
```
#bf0ca5
```
#bf0ca5 rgb(191,12,165)
```

Triadic Color

#0cbf26
```
#0cbf26 rgb(12,191,38)
```
#0ca5bf
```
#0ca5bf rgb(12,165,191)
```
#bf0ca5
```
#bf0ca5 rgb(191,12,165)
```
#bf260c
```
#bf260c rgb(191,38,12)
```

Tetradic Color

#076777
```
#076777 rgb(7,103,119)
```
#097c8f
```
#097c8f rgb(9,124,143)
```
#0a90a7
```
#0a90a7 rgb(10,144,167)
```
#0ca5bf
```
#0ca5bf rgb(12,165,191)
```
#0ebad7
```
#0ebad7 rgb(14,186,215)
```
#0fceef
```
#0fceef rgb(15,206,239)
```
#26d4f1
```
#26d4f1 rgb(38,212,241)
```

Monochromatic Color

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

#0cbfac
```
#0cbfac rgb(12,191,172)
```
#0cbfbb
```
#0cbfbb rgb(12,191,187)
```
#0cb4bf
```
#0cb4bf rgb(12,180,191)
```
#0ca5bf
```
#0ca5bf rgb(12,165,191)
```
#0c96bf
```
#0c96bf rgb(12,150,191)
```
#0c87bf
```
#0c87bf rgb(12,135,191)
```
#0c78bf
```
#0c78bf rgb(12,120,191)
```

Similar Colors

Text with hexadecimal color #0ca5bf

This text has a font color of #0ca5bf.

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

#0ca5bf background color

This paragraph has a background color of #0ca5bf.

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

#0ca5bf border color

This element has a border color of #0ca5bf.

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

CSS codes

.text {color:#0ca5bf;}

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

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

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

#000606
```
#000606 rgb(0,6,6)
```
#021619
```
#021619 rgb(2,22,25)
```
#03252b
```
#03252b rgb(3,37,43)
```
#04353e
```
#04353e rgb(4,53,62)
```
#054550
```
#054550 rgb(5,69,80)
```
#065563
```
#065563 rgb(6,85,99)
```
#076575
```
#076575 rgb(7,101,117)
```
#097588
```
#097588 rgb(9,117,136)
```
#0a859a
```
#0a859a rgb(10,133,154)
```
#0b95ad
```
#0b95ad rgb(11,149,173)
```
#0ca5bf
```
#0ca5bf rgb(12,165,191)
```
#0db5d1
```
#0db5d1 rgb(13,181,209)
```
#0ec5e4
```
#0ec5e4 rgb(14,197,228)
```

Shade Color Variation

#16d1f0
```
#16d1f0 rgb(22,209,240)
```
#28d4f1
```
#28d4f1 rgb(40,212,241)
```
#3ad8f3
```
#3ad8f3 rgb(58,216,243)
```
#4ddcf4
```
#4ddcf4 rgb(77,220,244)
```
#5fdff5
```
#5fdff5 rgb(95,223,245)
```
#72e3f6
```
#72e3f6 rgb(114,227,246)
```
#84e7f7
```
#84e7f7 rgb(132,231,247)
```
#97eaf8
```
#97eaf8 rgb(151,234,248)
```
#a9eefa
```
#a9eefa rgb(169,238,250)
```
#bcf2fb
```
#bcf2fb rgb(188,242,251)
```
#cef5fc
```
#cef5fc rgb(206,245,252)
```
#e1f9fd
```
#e1f9fd rgb(225,249,253)
```
#f3fdfe
```
#f3fdfe rgb(243,253,254)
```

Tint Color Variation

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

#626869
```
#626869 rgb(98,104,105)
```
#5a6e71
```
#5a6e71 rgb(90,110,113)
```
#527379
```
#527379 rgb(82,115,121)
```
#4a7981
```
#4a7981 rgb(74,121,129)
```
#437e88
```
#437e88 rgb(67,126,136)
```
#3b8490
```
#3b8490 rgb(59,132,144)
```
#338998
```
#338998 rgb(51,137,152)
```
#2b8fa0
```
#2b8fa0 rgb(43,143,160)
```
#2394a8
```
#2394a8 rgb(35,148,168)
```
#1c9aaf
```
#1c9aaf rgb(28,154,175)
```
#149fb7
```
#149fb7 rgb(20,159,183)
```
#0ca5bf
```
#0ca5bf rgb(12,165,191)
```
#04abc7
```
#04abc7 rgb(4,171,199)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#648388 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959ab8 Protanopia 1% of men
#9099c8 Deuteranopia 1% of men
#00abb7 Tritanopia 0.001% of the population

Trichromacy

#639ebb Protanomaly 1% of men, 0.01% of women
#609dc5 Deuteranomaly 6% of men, 0.4% of women
#04a8ba Tritanomaly 0.01% of the population

#0ca5bf hex color

#0ca5bf Color Information

#0ca5bf Color Conversion

Color Schemes with #0ca5bf

Alternatives to #0ca5bf

#0ca5bf Preview

Shades and Tints of #0ca5bf

Tones of #0ca5bf

Color Blindness Simulator