colorhexa.com

#284cfa hex color

In a RGB color space, hex #284cfa is composed of 15.7% red, 29.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 84% cyan, 69.6% magenta, 0% yellow and 2% black. It has a hue angle of 229.7 degrees, a saturation of 95.5% and a lightness of 56.9%. #284cfa color hex could be obtained by blending #5098ff with #0000f5. Closest websafe color is: #3333ff.

- R 16
- G 30
- B 98
RGB color chart
- C 84
- M 70
- Y 0
- K 2
CMYK color chart

● #284cfa color description : Bright blue.

The hexadecimal color #284cfa has RGB values of R:40, G:76, B:250 and CMYK values of C:0.84, M:0.7, Y:0, K:0.02. Its decimal value is 2641146.

Hex triplet	284cfa	`#284cfa`
RGB Decimal	40, 76, 250	`rgb(40,76,250)`
RGB Percent	15.7, 29.8, 98	`rgb(15.7%,29.8%,98%)`
CMYK	84, 70, 0, 2
HSL	229.7°, 95.5, 56.9	`hsl(229.7,95.5%,56.9%)`
HSV (or HSB)	229.7°, 84, 98
Web Safe	3333ff	`#3333ff`

CIE-LAB	42.032, 50.743, -88.859
XYZ	20.711, 12.521, 91.762
xyY	0.166, 0.1, 12.521
CIE-LCH	42.032, 102.327, 299.728
CIE-LUV	42.032, -14.537, -128.638
Hunter-Lab	35.384, 42.557, -128.988
Binary	00101000, 01001100, 11111010

#284cfa
```
#284cfa rgb(40,76,250)
```
#fad628
```
#fad628 rgb(250,214,40)
```

Complementary Color

#28b5fa
```
#28b5fa rgb(40,181,250)
```
#284cfa
```
#284cfa rgb(40,76,250)
```
#6d28fa
```
#6d28fa rgb(109,40,250)
```

Analogous Color

#b5fa28
```
#b5fa28 rgb(181,250,40)
```
#284cfa
```
#284cfa rgb(40,76,250)
```
#fa6d28
```
#fa6d28 rgb(250,109,40)
```

Split Complementary Color

#4cfa28
```
#4cfa28 rgb(76,250,40)
```
#284cfa
```
#284cfa rgb(40,76,250)
```
#fa284c
```
#fa284c rgb(250,40,76)
```

Triadic Color

#28fad6
```
#28fad6 rgb(40,250,214)
```
#284cfa
```
#284cfa rgb(40,76,250)
```
#fa284c
```
#fa284c rgb(250,40,76)
```
#fad628
```
#fad628 rgb(250,214,40)
```

Tetradic Color

#0528d1
```
#0528d1 rgb(5,40,209)
```
#052dea
```
#052dea rgb(5,45,234)
```
#0f37f9
```
#0f37f9 rgb(15,55,249)
```
#284cfa
```
#284cfa rgb(40,76,250)
```
#4161fb
```
#4161fb rgb(65,97,251)
```
#5a75fb
```
#5a75fb rgb(90,117,251)
```
#738afc
```
#738afc rgb(115,138,252)
```

Monochromatic Color

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

#2881fa
```
#2881fa rgb(40,129,250)
```
#286ffa
```
#286ffa rgb(40,111,250)
```
#285dfa
```
#285dfa rgb(40,93,250)
```
#284cfa
```
#284cfa rgb(40,76,250)
```
#283afa
```
#283afa rgb(40,58,250)
```
#2829fa
```
#2829fa rgb(40,41,250)
```
#3928fa
```
#3928fa rgb(57,40,250)
```

Similar Colors

Text with hexadecimal color #284cfa

This text has a font color of #284cfa.

<span style="color:#284cfa;">Text here</span>

#284cfa background color

This paragraph has a background color of #284cfa.

<p style="background-color:#284cfa;">Content here</p>

#284cfa border color

This element has a border color of #284cfa.

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

CSS codes

.text {color:#284cfa;}

.background {background-color:#284cfa;}

.border {border:1px solid #284cfa;}

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

#00030f
```
#00030f rgb(0,3,15)
```
#010722
```
#010722 rgb(1,7,34)
```
#010a35
```
#010a35 rgb(1,10,53)
```
#020e49
```
#020e49 rgb(2,14,73)
```
#02115c
```
#02115c rgb(2,17,92)
```
#03156f
```
#03156f rgb(3,21,111)
```
#031982
```
#031982 rgb(3,25,130)
```
#031c95
```
#031c95 rgb(3,28,149)
```
#0420a8
```
#0420a8 rgb(4,32,168)
```
#0424bc
```
#0424bc rgb(4,36,188)
```
#0527cf
```
#0527cf rgb(5,39,207)
```
#052be2
```
#052be2 rgb(5,43,226)
```
#062ff5
```
#062ff5 rgb(6,47,245)
```

Shade Color Variation

#153cfa
```
#153cfa rgb(21,60,250)
```
#284cfa
```
#284cfa rgb(40,76,250)
```
#3b5cfa
```
#3b5cfa rgb(59,92,250)
```
#4e6cfb
```
#4e6cfb rgb(78,108,251)
```
#627cfb
```
#627cfb rgb(98,124,251)
```
#758cfc
```
#758cfc rgb(117,140,252)
```
#889cfc
```
#889cfc rgb(136,156,252)
```
#9bacfd
```
#9bacfd rgb(155,172,253)
```
#aebcfd
```
#aebcfd rgb(174,188,253)
```
#c1ccfe
```
#c1ccfe rgb(193,204,254)
```
#d5dcfe
```
#d5dcfe rgb(213,220,254)
```
#e8ecfe
```
#e8ecfe rgb(232,236,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#8e8f94
```
#8e8f94 rgb(142,143,148)
```
#85899d
```
#85899d rgb(133,137,157)
```
#7d84a5
```
#7d84a5 rgb(125,132,165)
```
#747eae
```
#747eae rgb(116,126,174)
```
#6c78b6
```
#6c78b6 rgb(108,120,182)
```
#6373bf
```
#6373bf rgb(99,115,191)
```
#5b6dc7
```
#5b6dc7 rgb(91,109,199)
```
#5268d0
```
#5268d0 rgb(82,104,208)
```
#4a62d8
```
#4a62d8 rgb(74,98,216)
```
#415de1
```
#415de1 rgb(65,93,225)
```
#3957e9
```
#3957e9 rgb(57,87,233)
```
#3052f2
```
#3052f2 rgb(48,82,242)
```
#284cfa
```
#284cfa rgb(40,76,250)
```

Tone Color Variation

Below, you can see how #284cfa 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

#555555 Achromatopsia 0.005% of the population
#4c5376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0068ca Protanopia 1% of men
#006eaf Deuteranopia 1% of men
#00757b Tritanopia 0.001% of the population

Trichromacy

#0e5ddb Protanomaly 1% of men, 0.01% of women
#0e61ca Deuteranomaly 6% of men, 0.4% of women
#0e66a9 Tritanomaly 0.01% of the population