#0285c4 hex color

In a RGB color space, hex #0285c4 is composed of 0.8% red, 52.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 32.1% magenta, 0% yellow and 23.1% black. It has a hue angle of 199.5 degrees, a saturation of 98% and a lightness of 38.8%. #0285c4 color hex could be obtained by blending #04ffff with #000b89. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 1
- G 52
- B 77
RGB color chart
- C 99
- M 32
- Y 0
- K 23
CMYK color chart

● #0285c4 color description : Strong blue.

The hexadecimal color #0285c4 has RGB values of R:2, G:133, B:196 and CMYK values of C:0.99, M:0.32, Y:0, K:0.23. Its decimal value is 165316.

Hex triplet	0285c4	`#0285c4`
RGB Decimal	2, 133, 196	`rgb(2,133,196)`
RGB Percent	0.8, 52.2, 76.9	`rgb(0.8%,52.2%,76.9%)`
CMYK	99, 32, 0, 23
HSL	199.5°, 98, 38.8	`hsl(199.5,98%,38.8%)`
HSV (or HSB)	199.5°, 99, 76.9
Web Safe	0099cc	`#0099cc`

CIE-LAB	52.699, -7.009, -41.088
XYZ	18.374, 20.772, 55.262
xyY	0.195, 0.22, 20.772
CIE-LCH	52.699, 41.681, 260.319
CIE-LUV	52.699, -33.97, -62.5
Hunter-Lab	45.576, -7.796, -39.988
Binary	00000010, 10000101, 11000100

#0285c4
```
#0285c4 rgb(2,133,196)
```
#c44102
```
#c44102 rgb(196,65,2)
```

Complementary Color

#02c4a2
```
#02c4a2 rgb(2,196,162)
```
#0285c4
```
#0285c4 rgb(2,133,196)
```
#0224c4
```
#0224c4 rgb(2,36,196)
```

Analogous Color

#c4a202
```
#c4a202 rgb(196,162,2)
```
#0285c4
```
#0285c4 rgb(2,133,196)
```
#c40224
```
#c40224 rgb(196,2,36)
```

Split Complementary Color

#85c402
```
#85c402 rgb(133,196,2)
```
#0285c4
```
#0285c4 rgb(2,133,196)
```
#c40285
```
#c40285 rgb(196,2,133)
```

Triadic Color

#02c441
```
#02c441 rgb(2,196,65)
```
#0285c4
```
#0285c4 rgb(2,133,196)
```
#c40285
```
#c40285 rgb(196,2,133)
```
#c44102
```
#c44102 rgb(196,65,2)
```

Tetradic Color

#015278
```
#015278 rgb(1,82,120)
```
#016392
```
#016392 rgb(1,99,146)
```
#0274ab
```
#0274ab rgb(2,116,171)
```
#0285c4
```
#0285c4 rgb(2,133,196)
```
#0296dd
```
#0296dd rgb(2,150,221)
```
#03a7f6
```
#03a7f6 rgb(3,167,246)
```
#16b2fd
```
#16b2fd rgb(22,178,253)
```

Monochromatic Color

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

#02b6c4
```
#02b6c4 rgb(2,182,196)
```
#02a5c4
```
#02a5c4 rgb(2,165,196)
```
#0295c4
```
#0295c4 rgb(2,149,196)
```
#0285c4
```
#0285c4 rgb(2,133,196)
```
#0275c4
```
#0275c4 rgb(2,117,196)
```
#0265c4
```
#0265c4 rgb(2,101,196)
```
#0255c4
```
#0255c4 rgb(2,85,196)
```

Similar Colors

Text with hexadecimal color #0285c4

This text has a font color of #0285c4.

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

#0285c4 background color

This paragraph has a background color of #0285c4.

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

#0285c4 border color

This element has a border color of #0285c4.

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

CSS codes

.text {color:#0285c4;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#000e15
```
#000e15 rgb(0,14,21)
```
#001c29
```
#001c29 rgb(0,28,41)
```
#01293c
```
#01293c rgb(1,41,60)
```
#01364f
```
#01364f rgb(1,54,79)
```
#014363
```
#014363 rgb(1,67,99)
```
#015076
```
#015076 rgb(1,80,118)
```
#015d8a
```
#015d8a rgb(1,93,138)
```
#026b9d
```
#026b9d rgb(2,107,157)
```
#0278b1
```
#0278b1 rgb(2,120,177)
```
#0285c4
```
#0285c4 rgb(2,133,196)
```
#0292d7
```
#0292d7 rgb(2,146,215)
```
#029feb
```
#029feb rgb(2,159,235)
```

Shade Color Variation

#04acfc
```
#04acfc rgb(4,172,252)
```
#18b2fd
```
#18b2fd rgb(24,178,253)
```
#2bb9fd
```
#2bb9fd rgb(43,185,253)
```
#3fbffd
```
#3fbffd rgb(63,191,253)
```
#52c6fd
```
#52c6fd rgb(82,198,253)
```
#65ccfd
```
#65ccfd rgb(101,204,253)
```
#79d3fe
```
#79d3fe rgb(121,211,254)
```
#8cd9fe
```
#8cd9fe rgb(140,217,254)
```
#a0dffe
```
#a0dffe rgb(160,223,254)
```
#b3e6fe
```
#b3e6fe rgb(179,230,254)
```
#c7ecfe
```
#c7ecfe rgb(199,236,254)
```
#daf3ff
```
#daf3ff rgb(218,243,255)
```
#edf9ff
```
#edf9ff rgb(237,249,255)
```

Tint Color Variation

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

#5d6569
```
#5d6569 rgb(93,101,105)
```
#566870
```
#566870 rgb(86,104,112)
```
#4e6a78
```
#4e6a78 rgb(78,106,120)
```
#476d7f
```
#476d7f rgb(71,109,127)
```
#3f7087
```
#3f7087 rgb(63,112,135)
```
#37728f
```
#37728f rgb(55,114,143)
```
#307596
```
#307596 rgb(48,117,150)
```
#28789e
```
#28789e rgb(40,120,158)
```
#207aa6
```
#207aa6 rgb(32,122,166)
```
#197dad
```
#197dad rgb(25,125,173)
```
#1180b5
```
#1180b5 rgb(17,128,181)
```
#0a82bc
```
#0a82bc rgb(10,130,188)
```
#0285c4
```
#0285c4 rgb(2,133,196)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#516b78 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d82c0 Protanopia 1% of men
#5984c9 Deuteranopia 1% of men
#00919a Tritanopia 0.001% of the population

Trichromacy

#4683c1 Protanomaly 1% of men, 0.01% of women
#3984c7 Deuteranomaly 6% of men, 0.4% of women
#008ca9 Tritanomaly 0.01% of the population

#0285c4 hex color

#0285c4 Color Information

#0285c4 Color Conversion

Color Schemes with #0285c4

Alternatives to #0285c4

#0285c4 Preview

Shades and Tints of #0285c4

Tones of #0285c4

Color Blindness Simulator