#026696 hex color

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

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

● #026696 color description : Dark blue.

The hexadecimal color #026696 has RGB values of R:2, G:102, B:150 and CMYK values of C:0.99, M:0.32, Y:0, K:0.41. Its decimal value is 157334.

Hex triplet	026696	`#026696`
RGB Decimal	2, 102, 150	`rgb(2,102,150)`
RGB Percent	0.8, 40, 58.8	`rgb(0.8%,40%,58.8%)`
CMYK	99, 32, 0, 41
HSL	199.5°, 97.4, 29.8	`hsl(199.5,97.4%,29.8%)`
HSV (or HSB)	199.5°, 98.7, 58.8
Web Safe	006699	`#006699`

CIE-LAB	40.762, -6.439, -33.098
XYZ	10.28, 11.717, 30.572
xyY	0.196, 0.223, 11.717
CIE-LCH	40.762, 33.719, 258.991
CIE-LUV	40.762, -26.384, -46.989
Hunter-Lab	34.23, -6.294, -28.994
Binary	00000010, 01100110, 10010110

#026696
```
#026696 rgb(2,102,150)
```
#963202
```
#963202 rgb(150,50,2)
```

Complementary Color

#02967c
```
#02967c rgb(2,150,124)
```
#026696
```
#026696 rgb(2,102,150)
```
#021c96
```
#021c96 rgb(2,28,150)
```

Analogous Color

#967c02
```
#967c02 rgb(150,124,2)
```
#026696
```
#026696 rgb(2,102,150)
```
#96021c
```
#96021c rgb(150,2,28)
```

Split Complementary Color

#669602
```
#669602 rgb(102,150,2)
```
#026696
```
#026696 rgb(2,102,150)
```
#960266
```
#960266 rgb(150,2,102)
```

Triadic Color

#029632
```
#029632 rgb(2,150,50)
```
#026696
```
#026696 rgb(2,102,150)
```
#960266
```
#960266 rgb(150,2,102)
```
#963202
```
#963202 rgb(150,50,2)
```

Tetradic Color

#01334b
```
#01334b rgb(1,51,75)
```
#014464
```
#014464 rgb(1,68,100)
```
#02557d
```
#02557d rgb(2,85,125)
```
#026696
```
#026696 rgb(2,102,150)
```
#0277af
```
#0277af rgb(2,119,175)
```
#0388c8
```
#0388c8 rgb(3,136,200)
```
#0399e1
```
#0399e1 rgb(3,153,225)
```

Monochromatic Color

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

#028b96
```
#028b96 rgb(2,139,150)
```
#027f96
```
#027f96 rgb(2,127,150)
```
#027296
```
#027296 rgb(2,114,150)
```
#026696
```
#026696 rgb(2,102,150)
```
#025a96
```
#025a96 rgb(2,90,150)
```
#024d96
```
#024d96 rgb(2,77,150)
```
#024196
```
#024196 rgb(2,65,150)
```

Similar Colors

Text with hexadecimal color #026696

This text has a font color of #026696.

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

#026696 background color

This paragraph has a background color of #026696.

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

#026696 border color

This element has a border color of #026696.

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

CSS codes

.text {color:#026696;}

.background {background-color:#026696;}

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

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

#000a0e
```
#000a0e rgb(0,10,14)
```
#001722
```
#001722 rgb(0,23,34)
```
#012435
```
#012435 rgb(1,36,53)
```
#013149
```
#013149 rgb(1,49,73)
```
#013f5c
```
#013f5c rgb(1,63,92)
```
#014c6f
```
#014c6f rgb(1,76,111)
```
#025983
```
#025983 rgb(2,89,131)
```
#026696
```
#026696 rgb(2,102,150)
```
#0273a9
```
#0273a9 rgb(2,115,169)
```
#0380bd
```
#0380bd rgb(3,128,189)
```
#038dd0
```
#038dd0 rgb(3,141,208)
```
#039be3
```
#039be3 rgb(3,155,227)
```
#03a8f7
```
#03a8f7 rgb(3,168,247)
```

Shade Color Variation

#12b0fc
```
#12b0fc rgb(18,176,252)
```
#25b6fc
```
#25b6fc rgb(37,182,252)
```
#39bdfc
```
#39bdfc rgb(57,189,252)
```
#4cc3fd
```
#4cc3fd rgb(76,195,253)
```
#5fcafd
```
#5fcafd rgb(95,202,253)
```
#73d0fd
```
#73d0fd rgb(115,208,253)
```
#86d7fd
```
#86d7fd rgb(134,215,253)
```
#99ddfe
```
#99ddfe rgb(153,221,254)
```
#ade4fe
```
#ade4fe rgb(173,228,254)
```
#c0eafe
```
#c0eafe rgb(192,234,254)
```
#d3f0fe
```
#d3f0fe rgb(211,240,254)
```
#e7f7ff
```
#e7f7ff rgb(231,247,255)
```
#fafdff
```
#fafdff rgb(250,253,255)
```

Tint Color Variation

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

#484d50
```
#484d50 rgb(72,77,80)
```
#424f56
```
#424f56 rgb(66,79,86)
```
#3c515c
```
#3c515c rgb(60,81,92)
```
#375461
```
#375461 rgb(55,84,97)
```
#315667
```
#315667 rgb(49,86,103)
```
#2b586d
```
#2b586d rgb(43,88,109)
```
#255a73
```
#255a73 rgb(37,90,115)
```
#1f5c79
```
#1f5c79 rgb(31,92,121)
```
#195e7f
```
#195e7f rgb(25,94,127)
```
#146084
```
#146084 rgb(20,96,132)
```
#0e628a
```
#0e628a rgb(14,98,138)
```
#086490
```
#086490 rgb(8,100,144)
```
#026696
```
#026696 rgb(2,102,150)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#3f535c Atypical Achromatopsia 0.001% of the population

Dichromacy

#576696 Protanopia 1% of men
#48689d Deuteranopia 1% of men
#00727a Tritanopia 0.001% of the population

Trichromacy

#386696 Protanomaly 1% of men, 0.01% of women
#2e679a Deuteranomaly 6% of men, 0.4% of women
#006e84 Tritanomaly 0.01% of the population

#026696 hex color

#026696 Color Information

#026696 Color Conversion

Color Schemes with #026696

Alternatives to #026696

#026696 Preview

Shades and Tints of #026696

Tones of #026696

Color Blindness Simulator