colorhexa.com

#0286c7 hex color

In a RGB color space, hex #0286c7 is composed of 0.8% red, 52.5% green and 78% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 32.7% magenta, 0% yellow and 22% black. It has a hue angle of 199.8 degrees, a saturation of 98% and a lightness of 39.4%. #0286c7 color hex could be obtained by blending #04ffff with #000d8f. Closest websafe color is: #0099cc.

- R 1
- G 53
- B 78
RGB color chart
- C 99
- M 33
- Y 0
- K 22
CMYK color chart

● #0286c7 color description : Strong blue.

The hexadecimal color #0286c7 has RGB values of R:2, G:134, B:199 and CMYK values of C:0.99, M:0.33, Y:0, K:0.22. Its decimal value is 165575.

Hex triplet	0286c7	`#0286c7`
RGB Decimal	2, 134, 199	`rgb(2,134,199)`
RGB Percent	0.8, 52.5, 78	`rgb(0.8%,52.5%,78%)`
CMYK	99, 33, 0, 22
HSL	199.8°, 98, 39.4	`hsl(199.8,98%,39.4%)`
HSV (or HSB)	199.8°, 99, 78
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.151, -6.45, -42.08
XYZ	18.856, 21.185, 57.125
xyY	0.194, 0.218, 21.185
CIE-LCH	53.151, 42.572, 261.285
CIE-LUV	53.151, -34.11, -64.272
Hunter-Lab	46.027, -7.419, -41.367
Binary	00000010, 10000110, 11000111

#0286c7
```
#0286c7 rgb(2,134,199)
```
#c74302
```
#c74302 rgb(199,67,2)
```

Complementary Color

#02c7a6
```
#02c7a6 rgb(2,199,166)
```
#0286c7
```
#0286c7 rgb(2,134,199)
```
#0224c7
```
#0224c7 rgb(2,36,199)
```

Analogous Color

#c7a602
```
#c7a602 rgb(199,166,2)
```
#0286c7
```
#0286c7 rgb(2,134,199)
```
#c70224
```
#c70224 rgb(199,2,36)
```

Split Complementary Color

#86c702
```
#86c702 rgb(134,199,2)
```
#0286c7
```
#0286c7 rgb(2,134,199)
```
#c70286
```
#c70286 rgb(199,2,134)
```

Triadic Color

#01537b
```
#01537b rgb(1,83,123)
```
#016495
```
#016495 rgb(1,100,149)
```
#0275ae
```
#0275ae rgb(2,117,174)
```
#0286c7
```
#0286c7 rgb(2,134,199)
```
#0297e0
```
#0297e0 rgb(2,151,224)
```
#03a8f9
```
#03a8f9 rgb(3,168,249)
```
#19b2fd
```
#19b2fd rgb(25,178,253)
```

Monochromatic Color

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

#02b7c7
```
#02b7c7 rgb(2,183,199)
```
#02a7c7
```
#02a7c7 rgb(2,167,199)
```
#0296c7
```
#0296c7 rgb(2,150,199)
```
#0286c7
```
#0286c7 rgb(2,134,199)
```
#0276c7
```
#0276c7 rgb(2,118,199)
```
#0265c7
```
#0265c7 rgb(2,101,199)
```
#0255c7
```
#0255c7 rgb(2,85,199)
```

Similar Colors

Text with hexadecimal color #0286c7

This text has a font color of #0286c7.

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

#0286c7 background color

This paragraph has a background color of #0286c7.

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

#0286c7 border color

This element has a border color of #0286c7.

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

CSS codes

.text {color:#0286c7;}

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

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

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

#000305
```
#000305 rgb(0,3,5)
```
#001018
```
#001018 rgb(0,16,24)
```
#001d2c
```
#001d2c rgb(0,29,44)
```
#012a3f
```
#012a3f rgb(1,42,63)
```
#013852
```
#013852 rgb(1,56,82)
```
#014566
```
#014566 rgb(1,69,102)
```
#015279
```
#015279 rgb(1,82,121)
```
#015f8d
```
#015f8d rgb(1,95,141)
```
#026ca0
```
#026ca0 rgb(2,108,160)
```
#0279b4
```
#0279b4 rgb(2,121,180)
```
#0286c7
```
#0286c7 rgb(2,134,199)
```
#0293da
```
#0293da rgb(2,147,218)
```
#02a0ee
```
#02a0ee rgb(2,160,238)
```

Shade Color Variation

#07acfd
```
#07acfd rgb(7,172,253)
```
#1bb2fd
```
#1bb2fd rgb(27,178,253)
```
#2eb9fd
```
#2eb9fd rgb(46,185,253)
```
#42bffd
```
#42bffd rgb(66,191,253)
```
#55c6fd
```
#55c6fd rgb(85,198,253)
```
#68ccfd
```
#68ccfd rgb(104,204,253)
```
#7cd3fe
```
#7cd3fe rgb(124,211,254)
```
#8fd9fe
```
#8fd9fe rgb(143,217,254)
```
#a3e0fe
```
#a3e0fe rgb(163,224,254)
```
#b6e6fe
```
#b6e6fe rgb(182,230,254)
```
#caedfe
```
#caedfe rgb(202,237,254)
```
#ddf4ff
```
#ddf4ff rgb(221,244,255)
```
#f0faff
```
#f0faff rgb(240,250,255)
```

Tint Color Variation

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

#5f666a
```
#5f666a rgb(95,102,106)
```
#576972
```
#576972 rgb(87,105,114)
```
#4f6c7a
```
#4f6c7a rgb(79,108,122)
```
#486e81
```
#486e81 rgb(72,110,129)
```
#407189
```
#407189 rgb(64,113,137)
```
#387491
```
#387491 rgb(56,116,145)
```
#307699
```
#307699 rgb(48,118,153)
```
#2979a0
```
#2979a0 rgb(41,121,160)
```
#217ba8
```
#217ba8 rgb(33,123,168)
```
#197eb0
```
#197eb0 rgb(25,126,176)
```
#1181b8
```
#1181b8 rgb(17,129,184)
```
#0a83bf
```
#0a83bf rgb(10,131,191)
```
#0286c7
```
#0286c7 rgb(2,134,199)
```

Tone Color Variation

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

#6d83c3 Protanopia 1% of men
#5885cc Deuteranopia 1% of men
#00929c Tritanopia 0.001% of the population

Trichromacy

#4684c4 Protanomaly 1% of men, 0.01% of women
#3985ca Deuteranomaly 6% of men, 0.4% of women
#008eab Tritanomaly 0.01% of the population