#0286c4 hex color

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

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

● #0286c4 color description : Strong blue.

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

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

CIE-LAB	53.001, -7.591, -40.611
XYZ	18.511, 21.047, 55.308
xyY	0.195, 0.222, 21.047
CIE-LCH	53.001, 41.315, 259.413
CIE-LUV	53.001, -34.305, -61.734
Hunter-Lab	45.877, -8.259, -39.365
Binary	00000010, 10000110, 11000100

#0286c4
```
#0286c4 rgb(2,134,196)
```
#c44002
```
#c44002 rgb(196,64,2)
```

Complementary Color

#02c4a1
```
#02c4a1 rgb(2,196,161)
```
#0286c4
```
#0286c4 rgb(2,134,196)
```
#0225c4
```
#0225c4 rgb(2,37,196)
```

Analogous Color

#c4a102
```
#c4a102 rgb(196,161,2)
```
#0286c4
```
#0286c4 rgb(2,134,196)
```
#c40225
```
#c40225 rgb(196,2,37)
```

Split Complementary Color

#86c402
```
#86c402 rgb(134,196,2)
```
#0286c4
```
#0286c4 rgb(2,134,196)
```
#c40286
```
#c40286 rgb(196,2,134)
```

Triadic Color

#02c440
```
#02c440 rgb(2,196,64)
```
#0286c4
```
#0286c4 rgb(2,134,196)
```
#c40286
```
#c40286 rgb(196,2,134)
```
#c44002
```
#c44002 rgb(196,64,2)
```

Tetradic Color

#015278
```
#015278 rgb(1,82,120)
```
#016392
```
#016392 rgb(1,99,146)
```
#0275ab
```
#0275ab rgb(2,117,171)
```
#0286c4
```
#0286c4 rgb(2,134,196)
```
#0297dd
```
#0297dd rgb(2,151,221)
```
#03a9f6
```
#03a9f6 rgb(3,169,246)
```
#16b3fd
```
#16b3fd rgb(22,179,253)
```

Monochromatic Color

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

#02b7c4
```
#02b7c4 rgb(2,183,196)
```
#02a6c4
```
#02a6c4 rgb(2,166,196)
```
#0296c4
```
#0296c4 rgb(2,150,196)
```
#0286c4
```
#0286c4 rgb(2,134,196)
```
#0276c4
```
#0276c4 rgb(2,118,196)
```
#0266c4
```
#0266c4 rgb(2,102,196)
```
#0256c4
```
#0256c4 rgb(2,86,196)
```

Similar Colors

Text with hexadecimal color #0286c4

This text has a font color of #0286c4.

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

#0286c4 background color

This paragraph has a background color of #0286c4.

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

#0286c4 border color

This element has a border color of #0286c4.

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

CSS codes

.text {color:#0286c4;}

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

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

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)
```
#000f15
```
#000f15 rgb(0,15,21)
```
#001c29
```
#001c29 rgb(0,28,41)
```
#01293c
```
#01293c rgb(1,41,60)
```
#01364f
```
#01364f rgb(1,54,79)
```
#014463
```
#014463 rgb(1,68,99)
```
#015176
```
#015176 rgb(1,81,118)
```
#015e8a
```
#015e8a rgb(1,94,138)
```
#026b9d
```
#026b9d rgb(2,107,157)
```
#0279b1
```
#0279b1 rgb(2,121,177)
```
#0286c4
```
#0286c4 rgb(2,134,196)
```
#0293d7
```
#0293d7 rgb(2,147,215)
```
#02a1eb
```
#02a1eb rgb(2,161,235)
```

Shade Color Variation

#04adfc
```
#04adfc rgb(4,173,252)
```
#18b4fd
```
#18b4fd rgb(24,180,253)
```
#2bbafd
```
#2bbafd rgb(43,186,253)
```
#3fc0fd
```
#3fc0fd rgb(63,192,253)
```
#52c7fd
```
#52c7fd rgb(82,199,253)
```
#65cdfd
```
#65cdfd rgb(101,205,253)
```
#79d3fe
```
#79d3fe rgb(121,211,254)
```
#8cdafe
```
#8cdafe rgb(140,218,254)
```
#a0e0fe
```
#a0e0fe rgb(160,224,254)
```
#b3e6fe
```
#b3e6fe rgb(179,230,254)
```
#c7edfe
```
#c7edfe rgb(199,237,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 #0286c4 is the most saturated one.

#5d6569
```
#5d6569 rgb(93,101,105)
```
#566870
```
#566870 rgb(86,104,112)
```
#4e6b78
```
#4e6b78 rgb(78,107,120)
```
#476d7f
```
#476d7f rgb(71,109,127)
```
#3f7087
```
#3f7087 rgb(63,112,135)
```
#37738f
```
#37738f rgb(55,115,143)
```
#307696
```
#307696 rgb(48,118,150)
```
#28789e
```
#28789e rgb(40,120,158)
```
#207ba6
```
#207ba6 rgb(32,123,166)
```
#197ead
```
#197ead rgb(25,126,173)
```
#1181b5
```
#1181b5 rgb(17,129,181)
```
#0a83bc
```
#0a83bc rgb(10,131,188)
```
#0286c4
```
#0286c4 rgb(2,134,196)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#526c79 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6e83c0 Protanopia 1% of men
#5b85ca Deuteranopia 1% of men
#00929b Tritanopia 0.001% of the population

Trichromacy

#4784c1 Protanomaly 1% of men, 0.01% of women
#3a85c7 Deuteranomaly 6% of men, 0.4% of women
#008daa Tritanomaly 0.01% of the population

#0286c4 hex color

#0286c4 Color Information

#0286c4 Color Conversion

Color Schemes with #0286c4

Alternatives to #0286c4

#0286c4 Preview

Shades and Tints of #0286c4

Tones of #0286c4

Color Blindness Simulator