#286e85 hex color

In a RGB color space, hex #286e85 is composed of 15.7% red, 43.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 17.3% magenta, 0% yellow and 47.8% black. It has a hue angle of 194.8 degrees, a saturation of 53.8% and a lightness of 33.9%. #286e85 color hex could be obtained by blending #50dcff with #00000b. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 16
- G 43
- B 52
RGB color chart
- C 70
- M 17
- Y 0
- K 48
CMYK color chart

● #286e85 color description : Dark moderate cyan.

The hexadecimal color #286e85 has RGB values of R:40, G:110, B:133 and CMYK values of C:0.7, M:0.17, Y:0, K:0.48. Its decimal value is 2649733.

Hex triplet	286e85	`#286e85`
RGB Decimal	40, 110, 133	`rgb(40,110,133)`
RGB Percent	15.7, 43.1, 52.2	`rgb(15.7%,43.1%,52.2%)`
CMYK	70, 17, 0, 48
HSL	194.8°, 53.8, 33.9	`hsl(194.8,53.8%,33.9%)`
HSV (or HSB)	194.8°, 69.9, 52.2
Web Safe	336699	`#336699`

CIE-LAB	43.205, -13.892, -19.057
XYZ	10.684, 13.296, 24.192
xyY	0.222, 0.276, 13.296
CIE-LCH	43.205, 23.583, 233.908
CIE-LUV	43.205, -26.214, -25.304
Hunter-Lab	36.463, -11.511, -13.813
Binary	00101000, 01101110, 10000101

#286e85
```
#286e85 rgb(40,110,133)
```
#853f28
```
#853f28 rgb(133,63,40)
```

Complementary Color

#28856e
```
#28856e rgb(40,133,110)
```
#286e85
```
#286e85 rgb(40,110,133)
```
#284085
```
#284085 rgb(40,64,133)
```

Analogous Color

#856e28
```
#856e28 rgb(133,110,40)
```
#286e85
```
#286e85 rgb(40,110,133)
```
#85283f
```
#85283f rgb(133,40,63)
```

Split Complementary Color

#6e8528
```
#6e8528 rgb(110,133,40)
```
#286e85
```
#286e85 rgb(40,110,133)
```
#85286e
```
#85286e rgb(133,40,110)
```

Triadic Color

#28853f
```
#28853f rgb(40,133,63)
```
#286e85
```
#286e85 rgb(40,110,133)
```
#85286e
```
#85286e rgb(133,40,110)
```
#853f28
```
#853f28 rgb(133,63,40)
```

Tetradic Color

#163d4a
```
#163d4a rgb(22,61,74)
```
#1c4e5e
```
#1c4e5e rgb(28,78,94)
```
#225e71
```
#225e71 rgb(34,94,113)
```
#286e85
```
#286e85 rgb(40,110,133)
```
#2e7e99
```
#2e7e99 rgb(46,126,153)
```
#348eac
```
#348eac rgb(52,142,172)
```
#3a9fc0
```
#3a9fc0 rgb(58,159,192)
```

Monochromatic Color

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

#288585
```
#288585 rgb(40,133,133)
```
#287e85
```
#287e85 rgb(40,126,133)
```
#287685
```
#287685 rgb(40,118,133)
```
#286e85
```
#286e85 rgb(40,110,133)
```
#286685
```
#286685 rgb(40,102,133)
```
#285f85
```
#285f85 rgb(40,95,133)
```
#285785
```
#285785 rgb(40,87,133)
```

Similar Colors

Text with hexadecimal color #286e85

This text has a font color of #286e85.

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

#286e85 background color

This paragraph has a background color of #286e85.

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

#286e85 border color

This element has a border color of #286e85.

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

CSS codes

.text {color:#286e85;}

.background {background-color:#286e85;}

.border {border:1px solid #286e85;}

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, #040a0c is the darkest color, while #fcfefe is the lightest one.

#040a0c
```
#040a0c rgb(4,10,12)
```
#08171b
```
#08171b rgb(8,23,27)
```
#0d232b
```
#0d232b rgb(13,35,43)
```
#11303a
```
#11303a rgb(17,48,58)
```
#163c49
```
#163c49 rgb(22,60,73)
```
#1a4958
```
#1a4958 rgb(26,73,88)
```
#1f5567
```
#1f5567 rgb(31,85,103)
```
#236276
```
#236276 rgb(35,98,118)
```
#286e85
```
#286e85 rgb(40,110,133)
```
#2d7a94
```
#2d7a94 rgb(45,122,148)
```
#3187a3
```
#3187a3 rgb(49,135,163)
```
#3693b2
```
#3693b2 rgb(54,147,178)
```
#3aa0c1
```
#3aa0c1 rgb(58,160,193)
```

Shade Color Variation

#47a8c8
```
#47a8c8 rgb(71,168,200)
```
#56afcc
```
#56afcc rgb(86,175,204)
```
#65b6d1
```
#65b6d1 rgb(101,182,209)
```
#75bdd5
```
#75bdd5 rgb(117,189,213)
```
#84c5da
```
#84c5da rgb(132,197,218)
```
#93ccde
```
#93ccde rgb(147,204,222)
```
#a2d3e3
```
#a2d3e3 rgb(162,211,227)
```
#b1dae8
```
#b1dae8 rgb(177,218,232)
```
#c0e1ec
```
#c0e1ec rgb(192,225,236)
```
#cfe8f1
```
#cfe8f1 rgb(207,232,241)
```
#deeff5
```
#deeff5 rgb(222,239,245)
```
#edf7fa
```
#edf7fa rgb(237,247,250)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #505a5d is the less saturated color, while #0082ad is the most saturated one.

#505a5d
```
#505a5d rgb(80,90,93)
```
#495d64
```
#495d64 rgb(73,93,100)
```
#43616a
```
#43616a rgb(67,97,106)
```
#3c6471
```
#3c6471 rgb(60,100,113)
```
#356778
```
#356778 rgb(53,103,120)
```
#2f6b7e
```
#2f6b7e rgb(47,107,126)
```
#286e85
```
#286e85 rgb(40,110,133)
```
#21718c
```
#21718c rgb(33,113,140)
```
#1b7592
```
#1b7592 rgb(27,117,146)
```
#147899
```
#147899 rgb(20,120,153)
```
#0d7ba0
```
#0d7ba0 rgb(13,123,160)
```
#077fa6
```
#077fa6 rgb(7,127,166)
```
#0082ad
```
#0082ad rgb(0,130,173)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#526064 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676d85 Protanopia 1% of men
#646c8e Deuteranopia 1% of men
#2a7780 Tritanopia 0.001% of the population

Trichromacy

#506d85 Protanomaly 1% of men, 0.01% of women
#4e6d8b Deuteranomaly 6% of men, 0.4% of women
#297482 Tritanomaly 0.01% of the population

#286e85 hex color

#286e85 Color Information

#286e85 Color Conversion

Color Schemes with #286e85

Alternatives to #286e85

#286e85 Preview

Shades and Tints of #286e85

Tones of #286e85

Color Blindness Simulator