#0286cf hex color

In a RGB color space, hex #0286cf is composed of 0.8% red, 52.5% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 99% cyan, 35.3% magenta, 0% yellow and 18.8% black. It has a hue angle of 201.4 degrees, a saturation of 98.1% and a lightness of 41%. #0286cf color hex could be obtained by blending #04ffff with #000d9f. Closest websafe color is: #0099cc.

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

● #0286cf color description : Strong blue.

The hexadecimal color #0286cf has RGB values of R:2, G:134, B:207 and CMYK values of C:0.99, M:0.35, Y:0, K:0.19. Its decimal value is 165583.

Hex triplet	0286cf	`#0286cf`
RGB Decimal	2, 134, 207	`rgb(2,134,207)`
RGB Percent	0.8, 52.5, 81.2	`rgb(0.8%,52.5%,81.2%)`
CMYK	99, 35, 0, 19
HSL	201.4°, 98.1, 41	`hsl(201.4,98.1%,41%)`
HSV (or HSB)	201.4°, 99, 81.2
Web Safe	0099cc	`#0099cc`

CIE-LAB	53.564, -3.394, -45.964
XYZ	19.81, 21.566, 62.147
xyY	0.191, 0.208, 21.566
CIE-LCH	53.564, 46.089, 265.777
CIE-LUV	53.564, -33.604, -70.984
Hunter-Lab	46.439, -5.125, -46.836
Binary	00000010, 10000110, 11001111

#0286cf
```
#0286cf rgb(2,134,207)
```
#cf4b02
```
#cf4b02 rgb(207,75,2)
```

Complementary Color

#02cfb2
```
#02cfb2 rgb(2,207,178)
```
#0286cf
```
#0286cf rgb(2,134,207)
```
#0220cf
```
#0220cf rgb(2,32,207)
```

Analogous Color

#cfb202
```
#cfb202 rgb(207,178,2)
```
#0286cf
```
#0286cf rgb(2,134,207)
```
#cf021f
```
#cf021f rgb(207,2,31)
```

Split Complementary Color

#86cf02
```
#86cf02 rgb(134,207,2)
```
#0286cf
```
#0286cf rgb(2,134,207)
```
#cf0286
```
#cf0286 rgb(207,2,134)
```

Triadic Color

#02cf4b
```
#02cf4b rgb(2,207,75)
```
#0286cf
```
#0286cf rgb(2,134,207)
```
#cf0286
```
#cf0286 rgb(207,2,134)
```
#cf4b02
```
#cf4b02 rgb(207,75,2)
```

Tetradic Color

#015583
```
#015583 rgb(1,85,131)
```
#02659c
```
#02659c rgb(2,101,156)
```
#0276b6
```
#0276b6 rgb(2,118,182)
```
#0286cf
```
#0286cf rgb(2,134,207)
```
#0296e8
```
#0296e8 rgb(2,150,232)
```
#07a5fd
```
#07a5fd rgb(7,165,253)
```
#21aefd
```
#21aefd rgb(33,174,253)
```

Monochromatic Color

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

#02b9cf
```
#02b9cf rgb(2,185,207)
```
#02a8cf
```
#02a8cf rgb(2,168,207)
```
#0297cf
```
#0297cf rgb(2,151,207)
```
#0286cf
```
#0286cf rgb(2,134,207)
```
#0275cf
```
#0275cf rgb(2,117,207)
```
#0264cf
```
#0264cf rgb(2,100,207)
```
#0253cf
```
#0253cf rgb(2,83,207)
```

Similar Colors

Text with hexadecimal color #0286cf

This text has a font color of #0286cf.

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

#0286cf background color

This paragraph has a background color of #0286cf.

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

#0286cf border color

This element has a border color of #0286cf.

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

CSS codes

.text {color:#0286cf;}

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

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

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

#00080d
```
#00080d rgb(0,8,13)
```
#001520
```
#001520 rgb(0,21,32)
```
#002134
```
#002134 rgb(0,33,52)
```
#012e47
```
#012e47 rgb(1,46,71)
```
#013b5a
```
#013b5a rgb(1,59,90)
```
#01476e
```
#01476e rgb(1,71,110)
```
#015481
```
#015481 rgb(1,84,129)
```
#016095
```
#016095 rgb(1,96,149)
```
#026da8
```
#026da8 rgb(2,109,168)
```
#0279bc
```
#0279bc rgb(2,121,188)
```
#0286cf
```
#0286cf rgb(2,134,207)
```
#0293e2
```
#0293e2 rgb(2,147,226)
```
#029ff6
```
#029ff6 rgb(2,159,246)
```

Shade Color Variation

#0fa8fd
```
#0fa8fd rgb(15,168,253)
```
#23affd
```
#23affd rgb(35,175,253)
```
#36b6fd
```
#36b6fd rgb(54,182,253)
```
#49bdfd
```
#49bdfd rgb(73,189,253)
```
#5dc4fd
```
#5dc4fd rgb(93,196,253)
```
#70cbfe
```
#70cbfe rgb(112,203,254)
```
#84d2fe
```
#84d2fe rgb(132,210,254)
```
#97d9fe
```
#97d9fe rgb(151,217,254)
```
#abe0fe
```
#abe0fe rgb(171,224,254)
```
#bee7fe
```
#bee7fe rgb(190,231,254)
```
#d1eeff
```
#d1eeff rgb(209,238,255)
```
#e5f6ff
```
#e5f6ff rgb(229,246,255)
```
#f8fdff
```
#f8fdff rgb(248,253,255)
```

Tint Color Variation

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

#626a6f
```
#626a6f rgb(98,106,111)
```
#5a6d77
```
#5a6d77 rgb(90,109,119)
```
#526f7f
```
#526f7f rgb(82,111,127)
```
#4a7187
```
#4a7187 rgb(74,113,135)
```
#42738f
```
#42738f rgb(66,115,143)
```
#3a7697
```
#3a7697 rgb(58,118,151)
```
#32789f
```
#32789f rgb(50,120,159)
```
#2a7aa7
```
#2a7aa7 rgb(42,122,167)
```
#227daf
```
#227daf rgb(34,125,175)
```
#1a7fb7
```
#1a7fb7 rgb(26,127,183)
```
#1281bf
```
#1281bf rgb(18,129,191)
```
#0a84c7
```
#0a84c7 rgb(10,132,199)
```
#0286cf
```
#0286cf rgb(2,134,207)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#536d7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6984cb Protanopia 1% of men
#4f87d3 Deuteranopia 1% of men
#00939d Tritanopia 0.001% of the population

Trichromacy

#4484cc Protanomaly 1% of men, 0.01% of women
#3386d1 Deuteranomaly 6% of men, 0.4% of women
#008eaf Tritanomaly 0.01% of the population

#0286cf hex color

#0286cf Color Information

#0286cf Color Conversion

Color Schemes with #0286cf

Alternatives to #0286cf

#0286cf Preview

Shades and Tints of #0286cf

Tones of #0286cf

Color Blindness Simulator