#0c97bb hex color

In a RGB color space, hex #0c97bb is composed of 4.7% red, 59.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 93.6% cyan, 19.3% magenta, 0% yellow and 26.7% black. It has a hue angle of 192.3 degrees, a saturation of 87.9% and a lightness of 39%. #0c97bb color hex could be obtained by blending #18ffff with #002f77. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 5
- G 59
- B 73
RGB color chart
- C 94
- M 19
- Y 0
- K 27
CMYK color chart

● #0c97bb color description : Strong cyan.

The hexadecimal color #0c97bb has RGB values of R:12, G:151, B:187 and CMYK values of C:0.94, M:0.19, Y:0, K:0.27. Its decimal value is 825275.

Hex triplet	0c97bb	`#0c97bb`
RGB Decimal	12, 151, 187	`rgb(12,151,187)`
RGB Percent	4.7, 59.2, 73.3	`rgb(4.7%,59.2%,73.3%)`
CMYK	94, 19, 0, 27
HSL	192.3°, 87.9, 39	`hsl(192.3,87.9%,39%)`
HSV (or HSB)	192.3°, 93.6, 73.3
Web Safe	0099cc	`#0099cc`

CIE-LAB	57.844, -19.982, -27.93
XYZ	20.185, 25.797, 50.926
xyY	0.208, 0.266, 25.797
CIE-LCH	57.844, 34.342, 234.419
CIE-LUV	57.844, -40.335, -40.367
Hunter-Lab	50.791, -17.944, -23.894
Binary	00001100, 10010111, 10111011

#0c97bb
```
#0c97bb rgb(12,151,187)
```
#bb300c
```
#bb300c rgb(187,48,12)
```

Complementary Color

#0cbb88
```
#0cbb88 rgb(12,187,136)
```
#0c97bb
```
#0c97bb rgb(12,151,187)
```
#0c40bb
```
#0c40bb rgb(12,64,187)
```

Analogous Color

#bb880c
```
#bb880c rgb(187,136,12)
```
#0c97bb
```
#0c97bb rgb(12,151,187)
```
#bb0c3f
```
#bb0c3f rgb(187,12,63)
```

Split Complementary Color

#97bb0c
```
#97bb0c rgb(151,187,12)
```
#0c97bb
```
#0c97bb rgb(12,151,187)
```
#bb0c97
```
#bb0c97 rgb(187,12,151)
```

Triadic Color

#0cbb30
```
#0cbb30 rgb(12,187,48)
```
#0c97bb
```
#0c97bb rgb(12,151,187)
```
#bb0c97
```
#bb0c97 rgb(187,12,151)
```
#bb300c
```
#bb300c rgb(187,48,12)
```

Tetradic Color

#075d73
```
#075d73 rgb(7,93,115)
```
#09708b
```
#09708b rgb(9,112,139)
```
#0a84a3
```
#0a84a3 rgb(10,132,163)
```
#0c97bb
```
#0c97bb rgb(12,151,187)
```
#0eaad3
```
#0eaad3 rgb(14,170,211)
```
#0fbeeb
```
#0fbeeb rgb(15,190,235)
```
#23c6f1
```
#23c6f1 rgb(35,198,241)
```

Monochromatic Color

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

#0cbbb3
```
#0cbbb3 rgb(12,187,179)
```
#0cb4bb
```
#0cb4bb rgb(12,180,187)
```
#0ca6bb
```
#0ca6bb rgb(12,166,187)
```
#0c97bb
```
#0c97bb rgb(12,151,187)
```
#0c88bb
```
#0c88bb rgb(12,136,187)
```
#0c7abb
```
#0c7abb rgb(12,122,187)
```
#0c6bbb
```
#0c6bbb rgb(12,107,187)
```

Similar Colors

Text with hexadecimal color #0c97bb

This text has a font color of #0c97bb.

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

#0c97bb background color

This paragraph has a background color of #0c97bb.

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

#0c97bb border color

This element has a border color of #0c97bb.

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

CSS codes

.text {color:#0c97bb;}

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

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

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

#000203
```
#000203 rgb(0,2,3)
```
#011115
```
#011115 rgb(1,17,21)
```
#032028
```
#032028 rgb(3,32,40)
```
#042f3a
```
#042f3a rgb(4,47,58)
```
#053e4c
```
#053e4c rgb(5,62,76)
```
#064d5f
```
#064d5f rgb(6,77,95)
```
#075b71
```
#075b71 rgb(7,91,113)
```
#086a84
```
#086a84 rgb(8,106,132)
```
#0a7996
```
#0a7996 rgb(10,121,150)
```
#0b88a9
```
#0b88a9 rgb(11,136,169)
```
#0c97bb
```
#0c97bb rgb(12,151,187)
```
#0da6cd
```
#0da6cd rgb(13,166,205)
```
#0eb5e0
```
#0eb5e0 rgb(14,181,224)
```

Shade Color Variation

#12c2f0
```
#12c2f0 rgb(18,194,240)
```
#24c7f1
```
#24c7f1 rgb(36,199,241)
```
#37ccf2
```
#37ccf2 rgb(55,204,242)
```
#49d0f3
```
#49d0f3 rgb(73,208,243)
```
#5cd5f5
```
#5cd5f5 rgb(92,213,245)
```
#6edaf6
```
#6edaf6 rgb(110,218,246)
```
#81dff7
```
#81dff7 rgb(129,223,247)
```
#93e3f8
```
#93e3f8 rgb(147,227,248)
```
#a6e8f9
```
#a6e8f9 rgb(166,232,249)
```
#b8edfa
```
#b8edfa rgb(184,237,250)
```
#caf1fc
```
#caf1fc rgb(202,241,252)
```
#ddf6fd
```
#ddf6fd rgb(221,246,253)
```
#effbfe
```
#effbfe rgb(239,251,254)
```

Tint Color Variation

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

#606567
```
#606567 rgb(96,101,103)
```
#596a6e
```
#596a6e rgb(89,106,110)
```
#516e76
```
#516e76 rgb(81,110,118)
```
#49737e
```
#49737e rgb(73,115,126)
```
#427785
```
#427785 rgb(66,119,133)
```
#3a7c8d
```
#3a7c8d rgb(58,124,141)
```
#328095
```
#328095 rgb(50,128,149)
```
#2b859c
```
#2b859c rgb(43,133,156)
```
#2389a4
```
#2389a4 rgb(35,137,164)
```
#1b8eac
```
#1b8eac rgb(27,142,172)
```
#1492b3
```
#1492b3 rgb(20,146,179)
```
#0c97bb
```
#0c97bb rgb(12,151,187)
```
#049cc3
```
#049cc3 rgb(4,156,195)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#5e7981 Atypical Achromatopsia 0.001% of the population

Dichromacy

#868fb5 Protanopia 1% of men
#7e8fc3 Deuteranopia 1% of men
#009faa Tritanopia 0.001% of the population

Trichromacy

#5992b7 Protanomaly 1% of men, 0.01% of women
#5592c0 Deuteranomaly 6% of men, 0.4% of women
#049cb0 Tritanomaly 0.01% of the population

#0c97bb hex color

#0c97bb Color Information

#0c97bb Color Conversion

Color Schemes with #0c97bb

Alternatives to #0c97bb

#0c97bb Preview

Shades and Tints of #0c97bb

Tones of #0c97bb

Color Blindness Simulator