#0285a5 hex color

In a RGB color space, hex #0285a5 is composed of 0.8% red, 52.2% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 19.4% magenta, 0% yellow and 35.3% black. It has a hue angle of 191.8 degrees, a saturation of 97.6% and a lightness of 32.7%. #0285a5 color hex could be obtained by blending #04ffff with #000b4b. Closest websafe color is: #009999.

♥
- f
- t
- g
- R 1
- G 52
- B 65
RGB color chart
- C 99
- M 19
- Y 0
- K 35
CMYK color chart

● #0285a5 color description : Dark cyan.

The hexadecimal color #0285a5 has RGB values of R:2, G:133, B:165 and CMYK values of C:0.99, M:0.19, Y:0, K:0.35. Its decimal value is 165285.

Hex triplet	0285a5	`#0285a5`
RGB Decimal	2, 133, 165	`rgb(2,133,165)`
RGB Percent	0.8, 52.2, 64.7	`rgb(0.8%,52.2%,64.7%)`
CMYK	99, 19, 0, 35
HSL	191.8°, 97.6, 32.7	`hsl(191.8,97.6%,32.7%)`
HSV (or HSB)	191.8°, 98.8, 64.7
Web Safe	009999	`#009999`

CIE-LAB	51.271, -18.549, -25.514
XYZ	15.202, 19.503, 38.558
xyY	0.208, 0.266, 19.503
CIE-LCH	51.271, 31.544, 233.982
CIE-LUV	51.271, -36.143, -35.854
Hunter-Lab	44.162, -15.838, -20.853
Binary	00000010, 10000101, 10100101

#0285a5
```
#0285a5 rgb(2,133,165)
```
#a52202
```
#a52202 rgb(165,34,2)
```

Complementary Color

#02a574
```
#02a574 rgb(2,165,116)
```
#0285a5
```
#0285a5 rgb(2,133,165)
```
#0234a5
```
#0234a5 rgb(2,52,165)
```

Analogous Color

#a57402
```
#a57402 rgb(165,116,2)
```
#0285a5
```
#0285a5 rgb(2,133,165)
```
#a50234
```
#a50234 rgb(165,2,52)
```

Split Complementary Color

#85a502
```
#85a502 rgb(133,165,2)
```
#0285a5
```
#0285a5 rgb(2,133,165)
```
#a50285
```
#a50285 rgb(165,2,133)
```

Triadic Color

#02a522
```
#02a522 rgb(2,165,34)
```
#0285a5
```
#0285a5 rgb(2,133,165)
```
#a50285
```
#a50285 rgb(165,2,133)
```
#a52202
```
#a52202 rgb(165,34,2)
```

Tetradic Color

#014859
```
#014859 rgb(1,72,89)
```
#015c73
```
#015c73 rgb(1,92,115)
```
#02718c
```
#02718c rgb(2,113,140)
```
#0285a5
```
#0285a5 rgb(2,133,165)
```
#0299be
```
#0299be rgb(2,153,190)
```
#03aed7
```
#03aed7 rgb(3,174,215)
```
#03c2f1
```
#03c2f1 rgb(3,194,241)
```

Monochromatic Color

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

#02a59c
```
#02a59c rgb(2,165,156)
```
#02a0a5
```
#02a0a5 rgb(2,160,165)
```
#0293a5
```
#0293a5 rgb(2,147,165)
```
#0285a5
```
#0285a5 rgb(2,133,165)
```
#0277a5
```
#0277a5 rgb(2,119,165)
```
#026aa5
```
#026aa5 rgb(2,106,165)
```
#025ca5
```
#025ca5 rgb(2,92,165)
```

Similar Colors

Text with hexadecimal color #0285a5

This text has a font color of #0285a5.

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

#0285a5 background color

This paragraph has a background color of #0285a5.

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

#0285a5 border color

This element has a border color of #0285a5.

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

CSS codes

.text {color:#0285a5;}

.background {background-color:#0285a5;}

.border {border:1px solid #0285a5;}

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, #00080a is the darkest color, while #f6fdff is the lightest one.

#00080a
```
#00080a rgb(0,8,10)
```
#00181d
```
#00181d rgb(0,24,29)
```
#012731
```
#012731 rgb(1,39,49)
```
#013744
```
#013744 rgb(1,55,68)
```
#014757
```
#014757 rgb(1,71,87)
```
#01566b
```
#01566b rgb(1,86,107)
```
#02667e
```
#02667e rgb(2,102,126)
```
#027592
```
#027592 rgb(2,117,146)
```
#0285a5
```
#0285a5 rgb(2,133,165)
```
#0295b8
```
#0295b8 rgb(2,149,184)
```
#02a4cc
```
#02a4cc rgb(2,164,204)
```
#03b4df
```
#03b4df rgb(3,180,223)
```
#03c3f3
```
#03c3f3 rgb(3,195,243)
```

Shade Color Variation

#0dcdfc
```
#0dcdfc rgb(13,205,252)
```
#20d1fc
```
#20d1fc rgb(32,209,252)
```
#34d5fd
```
#34d5fd rgb(52,213,253)
```
#47d9fd
```
#47d9fd rgb(71,217,253)
```
#5bddfd
```
#5bddfd rgb(91,221,253)
```
#6ee1fd
```
#6ee1fd rgb(110,225,253)
```
#81e5fd
```
#81e5fd rgb(129,229,253)
```
#95e9fe
```
#95e9fe rgb(149,233,254)
```
#a8edfe
```
#a8edfe rgb(168,237,254)
```
#bbf1fe
```
#bbf1fe rgb(187,241,254)
```
#cff5fe
```
#cff5fe rgb(207,245,254)
```
#e2f9ff
```
#e2f9ff rgb(226,249,255)
```
#f6fdff
```
#f6fdff rgb(246,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4f5658 is the less saturated color, while #0285a5 is the most saturated one.

#4f5658
```
#4f5658 rgb(79,86,88)
```
#495a5e
```
#495a5e rgb(73,90,94)
```
#425e65
```
#425e65 rgb(66,94,101)
```
#3c626b
```
#3c626b rgb(60,98,107)
```
#356672
```
#356672 rgb(53,102,114)
```
#2f6a78
```
#2f6a78 rgb(47,106,120)
```
#296e7e
```
#296e7e rgb(41,110,126)
```
#227185
```
#227185 rgb(34,113,133)
```
#1c758b
```
#1c758b rgb(28,117,139)
```
#157992
```
#157992 rgb(21,121,146)
```
#0f7d98
```
#0f7d98 rgb(15,125,152)
```
#08819f
```
#08819f rgb(8,129,159)
```
#0285a5
```
#0285a5 rgb(2,133,165)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#4e686f Atypical Achromatopsia 0.001% of the population

Dichromacy

#777fa1 Protanopia 1% of men
#707fae Deuteranopia 1% of men
#008d97 Tritanopia 0.001% of the population

Trichromacy

#4c81a3 Protanomaly 1% of men, 0.01% of women
#4881aa Deuteranomaly 6% of men, 0.4% of women
#008a9c Tritanomaly 0.01% of the population

#0285a5 hex color

#0285a5 Color Information

#0285a5 Color Conversion

Color Schemes with #0285a5

Alternatives to #0285a5

#0285a5 Preview

Shades and Tints of #0285a5

Tones of #0285a5

Color Blindness Simulator