#027196 hex color

In a RGB color space, hex #027196 is composed of 0.8% red, 44.3% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 98.7% cyan, 24.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 195 degrees, a saturation of 97.4% and a lightness of 29.8%. #027196 color hex could be obtained by blending #04e2ff with #00002d. Closest websafe color is: #006699.

♥
- f
- t
- g
- R 1
- G 44
- B 59
RGB color chart
- C 99
- M 25
- Y 0
- K 41
CMYK color chart

● #027196 color description : Dark blue.

The hexadecimal color #027196 has RGB values of R:2, G:113, B:150 and CMYK values of C:0.99, M:0.25, Y:0, K:0.41. Its decimal value is 160150.

Hex triplet	027196	`#027196`
RGB Decimal	2, 113, 150	`rgb(2,113,150)`
RGB Percent	0.8, 44.3, 58.8	`rgb(0.8%,44.3%,58.8%)`
CMYK	99, 25, 0, 41
HSL	195°, 97.4, 29.8	`hsl(195,97.4%,29.8%)`
HSV (or HSB)	195°, 98.7, 58.8
Web Safe	006699	`#006699`

CIE-LAB	44.267, -12.95, -27.602
XYZ	11.434, 14.024, 30.957
xyY	0.203, 0.249, 14.024
CIE-LCH	44.267, 30.488, 244.866
CIE-LUV	44.267, -30.209, -38.685
Hunter-Lab	37.449, -11.036, -22.798
Binary	00000010, 01110001, 10010110

#027196
```
#027196 rgb(2,113,150)
```
#962702
```
#962702 rgb(150,39,2)
```

Complementary Color

#029671
```
#029671 rgb(2,150,113)
```
#027196
```
#027196 rgb(2,113,150)
```
#022796
```
#022796 rgb(2,39,150)
```

Analogous Color

#967102
```
#967102 rgb(150,113,2)
```
#027196
```
#027196 rgb(2,113,150)
```
#960227
```
#960227 rgb(150,2,39)
```

Split Complementary Color

#719602
```
#719602 rgb(113,150,2)
```
#027196
```
#027196 rgb(2,113,150)
```
#960271
```
#960271 rgb(150,2,113)
```

Triadic Color

#029627
```
#029627 rgb(2,150,39)
```
#027196
```
#027196 rgb(2,113,150)
```
#960271
```
#960271 rgb(150,2,113)
```
#962702
```
#962702 rgb(150,39,2)
```

Tetradic Color

#01384b
```
#01384b rgb(1,56,75)
```
#014b64
```
#014b64 rgb(1,75,100)
```
#025e7d
```
#025e7d rgb(2,94,125)
```
#027196
```
#027196 rgb(2,113,150)
```
#0284af
```
#0284af rgb(2,132,175)
```
#0397c8
```
#0397c8 rgb(3,151,200)
```
#03aae1
```
#03aae1 rgb(3,170,225)
```

Monochromatic Color

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

#029696
```
#029696 rgb(2,150,150)
```
#028a96
```
#028a96 rgb(2,138,150)
```
#027d96
```
#027d96 rgb(2,125,150)
```
#027196
```
#027196 rgb(2,113,150)
```
#026596
```
#026596 rgb(2,101,150)
```
#025896
```
#025896 rgb(2,88,150)
```
#024c96
```
#024c96 rgb(2,76,150)
```

Similar Colors

Text with hexadecimal color #027196

This text has a font color of #027196.

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

#027196 background color

This paragraph has a background color of #027196.

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

#027196 border color

This element has a border color of #027196.

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

CSS codes

.text {color:#027196;}

.background {background-color:#027196;}

.border {border:1px solid #027196;}

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, #000b0e is the darkest color, while #fafeff is the lightest one.

#000b0e
```
#000b0e rgb(0,11,14)
```
#001a22
```
#001a22 rgb(0,26,34)
```
#012835
```
#012835 rgb(1,40,53)
```
#013749
```
#013749 rgb(1,55,73)
```
#01455c
```
#01455c rgb(1,69,92)
```
#01546f
```
#01546f rgb(1,84,111)
```
#026283
```
#026283 rgb(2,98,131)
```
#027196
```
#027196 rgb(2,113,150)
```
#0280a9
```
#0280a9 rgb(2,128,169)
```
#038ebd
```
#038ebd rgb(3,142,189)
```
#039dd0
```
#039dd0 rgb(3,157,208)
```
#03abe3
```
#03abe3 rgb(3,171,227)
```
#03baf7
```
#03baf7 rgb(3,186,247)
```

Shade Color Variation

#12c1fc
```
#12c1fc rgb(18,193,252)
```
#25c6fc
```
#25c6fc rgb(37,198,252)
```
#39cbfc
```
#39cbfc rgb(57,203,252)
```
#4cd0fd
```
#4cd0fd rgb(76,208,253)
```
#5fd5fd
```
#5fd5fd rgb(95,213,253)
```
#73dbfd
```
#73dbfd rgb(115,219,253)
```
#86e0fd
```
#86e0fd rgb(134,224,253)
```
#99e5fe
```
#99e5fe rgb(153,229,254)
```
#adeafe
```
#adeafe rgb(173,234,254)
```
#c0effe
```
#c0effe rgb(192,239,254)
```
#d3f4fe
```
#d3f4fe rgb(211,244,254)
```
#e7f9ff
```
#e7f9ff rgb(231,249,255)
```
#fafeff
```
#fafeff rgb(250,254,255)
```

Tint Color Variation

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

#484e50
```
#484e50 rgb(72,78,80)
```
#425156
```
#425156 rgb(66,81,86)
```
#3c545c
```
#3c545c rgb(60,84,92)
```
#375761
```
#375761 rgb(55,87,97)
```
#315a67
```
#315a67 rgb(49,90,103)
```
#2b5d6d
```
#2b5d6d rgb(43,93,109)
```
#255f73
```
#255f73 rgb(37,95,115)
```
#1f6279
```
#1f6279 rgb(31,98,121)
```
#19657f
```
#19657f rgb(25,101,127)
```
#146884
```
#146884 rgb(20,104,132)
```
#0e6b8a
```
#0e6b8a rgb(14,107,138)
```
#086e90
```
#086e90 rgb(8,110,144)
```
#027196
```
#027196 rgb(2,113,150)
```

Tone Color Variation

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

#545454 Achromatopsia 0.005% of the population
#445a61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#646f94 Protanopia 1% of men
#5b6f9f Deuteranopia 1% of men
#007b83 Tritanopia 0.001% of the population

Trichromacy

#406f95 Protanomaly 1% of men, 0.01% of women
#3a709b Deuteranomaly 6% of men, 0.4% of women
#00778a Tritanomaly 0.01% of the population

#027196 hex color

#027196 Color Information

#027196 Color Conversion

Color Schemes with #027196

Alternatives to #027196

#027196 Preview

Shades and Tints of #027196

Tones of #027196

Color Blindness Simulator