#286bfa hex color

In a RGB color space, hex #286bfa is composed of 15.7% red, 42% green and 98% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 57.2% magenta, 0% yellow and 2% black. It has a hue angle of 220.9 degrees, a saturation of 95.5% and a lightness of 56.9%. #286bfa color hex could be obtained by blending #50d6ff with #0000f5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 16
- G 42
- B 98
RGB color chart
- C 84
- M 57
- Y 0
- K 2
CMYK color chart

● #286bfa color description : Bright blue.

The hexadecimal color #286bfa has RGB values of R:40, G:107, B:250 and CMYK values of C:0.84, M:0.57, Y:0, K:0.02. Its decimal value is 2649082.

Hex triplet	286bfa	`#286bfa`
RGB Decimal	40, 107, 250	`rgb(40,107,250)`
RGB Percent	15.7, 42, 98	`rgb(15.7%,42%,98%)`
CMYK	84, 57, 0, 2
HSL	220.9°, 95.5, 56.9	`hsl(220.9,95.5%,56.9%)`
HSV (or HSB)	220.9°, 84, 98
Web Safe	3366ff	`#3366ff`

CIE-LAB	49.334, 31.691, -76.879
XYZ	23.384, 17.867, 92.653
xyY	0.175, 0.133, 17.867
CIE-LCH	49.334, 83.155, 292.403
CIE-LUV	49.334, -21.517, -119.229
Hunter-Lab	42.269, 24.78, -100.375
Binary	00101000, 01101011, 11111010

#286bfa
```
#286bfa rgb(40,107,250)
```
#fab728
```
#fab728 rgb(250,183,40)
```

Complementary Color

#28d4fa
```
#28d4fa rgb(40,212,250)
```
#286bfa
```
#286bfa rgb(40,107,250)
```
#4e28fa
```
#4e28fa rgb(78,40,250)
```

Analogous Color

#d4fa28
```
#d4fa28 rgb(212,250,40)
```
#286bfa
```
#286bfa rgb(40,107,250)
```
#fa4e28
```
#fa4e28 rgb(250,78,40)
```

Split Complementary Color

#6bfa28
```
#6bfa28 rgb(107,250,40)
```
#286bfa
```
#286bfa rgb(40,107,250)
```
#fa286b
```
#fa286b rgb(250,40,107)
```

Triadic Color

#28fab7
```
#28fab7 rgb(40,250,183)
```
#286bfa
```
#286bfa rgb(40,107,250)
```
#fa286b
```
#fa286b rgb(250,40,107)
```
#fab728
```
#fab728 rgb(250,183,40)
```

Tetradic Color

#0546d1
```
#0546d1 rgb(5,70,209)
```
#054eea
```
#054eea rgb(5,78,234)
```
#0f5af9
```
#0f5af9 rgb(15,90,249)
```
#286bfa
```
#286bfa rgb(40,107,250)
```
#417cfb
```
#417cfb rgb(65,124,251)
```
#5a8dfb
```
#5a8dfb rgb(90,141,251)
```
#739efc
```
#739efc rgb(115,158,252)
```

Monochromatic Color

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

#28a0fa
```
#28a0fa rgb(40,160,250)
```
#288efa
```
#288efa rgb(40,142,250)
```
#287dfa
```
#287dfa rgb(40,125,250)
```
#286bfa
```
#286bfa rgb(40,107,250)
```
#285afa
```
#285afa rgb(40,90,250)
```
#2848fa
```
#2848fa rgb(40,72,250)
```
#2836fa
```
#2836fa rgb(40,54,250)
```

Similar Colors

Text with hexadecimal color #286bfa

This text has a font color of #286bfa.

<span style="color:#286bfa;">Text here</span>

#286bfa background color

This paragraph has a background color of #286bfa.

<p style="background-color:#286bfa;">Content here</p>

#286bfa border color

This element has a border color of #286bfa.

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

CSS codes

.text {color:#286bfa;}

.background {background-color:#286bfa;}

.border {border:1px solid #286bfa;}

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, #00050f is the darkest color, while #fbfcff is the lightest one.

#00050f
```
#00050f rgb(0,5,15)
```
#010b22
```
#010b22 rgb(1,11,34)
```
#011235
```
#011235 rgb(1,18,53)
```
#021849
```
#021849 rgb(2,24,73)
```
#021f5c
```
#021f5c rgb(2,31,92)
```
#03256f
```
#03256f rgb(3,37,111)
```
#032c82
```
#032c82 rgb(3,44,130)
```
#033295
```
#033295 rgb(3,50,149)
```
#0438a8
```
#0438a8 rgb(4,56,168)
```
#043fbc
```
#043fbc rgb(4,63,188)
```
#0545cf
```
#0545cf rgb(5,69,207)
```
#054ce2
```
#054ce2 rgb(5,76,226)
```
#0652f5
```
#0652f5 rgb(6,82,245)
```

Shade Color Variation

#155efa
```
#155efa rgb(21,94,250)
```
#286bfa
```
#286bfa rgb(40,107,250)
```
#3b78fa
```
#3b78fa rgb(59,120,250)
```
#4e85fb
```
#4e85fb rgb(78,133,251)
```
#6293fb
```
#6293fb rgb(98,147,251)
```
#75a0fc
```
#75a0fc rgb(117,160,252)
```
#88adfc
```
#88adfc rgb(136,173,252)
```
#9bbafd
```
#9bbafd rgb(155,186,253)
```
#aec7fd
```
#aec7fd rgb(174,199,253)
```
#c1d5fe
```
#c1d5fe rgb(193,213,254)
```
#d5e2fe
```
#d5e2fe rgb(213,226,254)
```
#e8effe
```
#e8effe rgb(232,239,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8e9094 is the less saturated color, while #286bfa is the most saturated one.

#8e9094
```
#8e9094 rgb(142,144,148)
```
#858d9d
```
#858d9d rgb(133,141,157)
```
#7d8aa5
```
#7d8aa5 rgb(125,138,165)
```
#7487ae
```
#7487ae rgb(116,135,174)
```
#6c83b6
```
#6c83b6 rgb(108,131,182)
```
#6380bf
```
#6380bf rgb(99,128,191)
```
#5b7dc7
```
#5b7dc7 rgb(91,125,199)
```
#527ad0
```
#527ad0 rgb(82,122,208)
```
#4a77d8
```
#4a77d8 rgb(74,119,216)
```
#4174e1
```
#4174e1 rgb(65,116,225)
```
#3971e9
```
#3971e9 rgb(57,113,233)
```
#306ef2
```
#306ef2 rgb(48,110,242)
```
#286bfa
```
#286bfa rgb(40,107,250)
```

Tone Color Variation

Below, you can see how #286bfa 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
#5a6884 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0078ec Protanopia 1% of men
#007fce Deuteranopia 1% of men
#008890 Tritanopia 0.001% of the population

Trichromacy

#0e73f1 Protanomaly 1% of men, 0.01% of women
#0e78de Deuteranomaly 6% of men, 0.4% of women
#0e7db6 Tritanomaly 0.01% of the population

#286bfa hex color

#286bfa Color Information

#286bfa Color Conversion

Color Schemes with #286bfa

Alternatives to #286bfa

#286bfa Preview

Shades and Tints of #286bfa

Tones of #286bfa

Color Blindness Simulator