colorhexa.com

#0384fd hex color

In a RGB color space, hex #0384fd is composed of 1.2% red, 51.8% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 98.8% cyan, 47.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 209 degrees, a saturation of 98.4% and a lightness of 50.2%. #0384fd color hex could be obtained by blending #06ffff with #0009fb. Closest websafe color is: #0099ff.

- R 1
- G 52
- B 99
RGB color chart
- C 99
- M 48
- Y 0
- K 1
CMYK color chart

● #0384fd color description : Vivid blue.

The hexadecimal color #0384fd has RGB values of R:3, G:132, B:253 and CMYK values of C:0.99, M:0.48, Y:0, K:0.01. Its decimal value is 230653.

Hex triplet	0384fd	`#0384fd`
RGB Decimal	3, 132, 253	`rgb(3,132,253)`
RGB Percent	1.2, 51.8, 99.2	`rgb(1.2%,51.8%,99.2%)`
CMYK	99, 48, 0, 1
HSL	209°, 98.4, 50.2	`hsl(209,98.4%,50.2%)`
HSV (or HSB)	209°, 98.8, 99.2
Web Safe	0099ff	`#0099ff`

CIE-LAB	55.697, 15.598, -68.237
XYZ	26.014, 23.611, 96.109
xyY	0.179, 0.162, 23.611
CIE-LCH	55.697, 69.997, 282.876
CIE-LUV	55.697, -30.544, -108.944
Hunter-Lab	48.592, 10.528, -83.256
Binary	00000011, 10000100, 11111101

#0384fd
```
#0384fd rgb(3,132,253)
```
#fd7c03
```
#fd7c03 rgb(253,124,3)
```

Complementary Color

#03fdf9
```
#03fdf9 rgb(3,253,249)
```
#0384fd
```
#0384fd rgb(3,132,253)
```
#0307fd
```
#0307fd rgb(3,7,253)
```

Analogous Color

#fdf903
```
#fdf903 rgb(253,249,3)
```
#0384fd
```
#0384fd rgb(3,132,253)
```
#fd0307
```
#fd0307 rgb(253,3,7)
```

Split Complementary Color

#84fd03
```
#84fd03 rgb(132,253,3)
```
#0384fd
```
#0384fd rgb(3,132,253)
```
#fd0384
```
#fd0384 rgb(253,3,132)
```

Triadic Color

#015db2
```
#015db2 rgb(1,93,178)
```
#026acb
```
#026acb rgb(2,106,203)
```
#0277e5
```
#0277e5 rgb(2,119,229)
```
#0384fd
```
#0384fd rgb(3,132,253)
```
#1c90fd
```
#1c90fd rgb(28,144,253)
```
#369dfd
```
#369dfd rgb(54,157,253)
```
#4fa9fe
```
#4fa9fe rgb(79,169,254)
```

Monochromatic Color

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

#03c3fd
```
#03c3fd rgb(3,195,253)
```
#03aefd
```
#03aefd rgb(3,174,253)
```
#0399fd
```
#0399fd rgb(3,153,253)
```
#0384fd
```
#0384fd rgb(3,132,253)
```
#036ffd
```
#036ffd rgb(3,111,253)
```
#035afd
```
#035afd rgb(3,90,253)
```
#0346fd
```
#0346fd rgb(3,70,253)
```

Similar Colors

Text with hexadecimal color #0384fd

This text has a font color of #0384fd.

<span style="color:#0384fd;">Text here</span>

#0384fd background color

This paragraph has a background color of #0384fd.

<p style="background-color:#0384fd;">Content here</p>

#0384fd border color

This element has a border color of #0384fd.

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

CSS codes

.text {color:#0384fd;}

.background {background-color:#0384fd;}

.border {border:1px solid #0384fd;}

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

#000101
```
#000101 rgb(0,1,1)
```
#000b14
```
#000b14 rgb(0,11,20)
```
#001528
```
#001528 rgb(0,21,40)
```
#001f3b
```
#001f3b rgb(0,31,59)
```
#01294f
```
#01294f rgb(1,41,79)
```
#013362
```
#013362 rgb(1,51,98)
```
#013d76
```
#013d76 rgb(1,61,118)
```
#014789
```
#014789 rgb(1,71,137)
```
#01519d
```
#01519d rgb(1,81,157)
```
#015cb0
```
#015cb0 rgb(1,92,176)
```
#0266c4
```
#0266c4 rgb(2,102,196)
```
#0270d7
```
#0270d7 rgb(2,112,215)
```
#027aeb
```
#027aeb rgb(2,122,235)
```

Shade Color Variation

#0384fd
```
#0384fd rgb(3,132,253)
```
#168dfd
```
#168dfd rgb(22,141,253)
```
#2a97fd
```
#2a97fd rgb(42,151,253)
```
#3da0fd
```
#3da0fd rgb(61,160,253)
```
#51aafe
```
#51aafe rgb(81,170,254)
```
#64b3fe
```
#64b3fe rgb(100,179,254)
```
#78bdfe
```
#78bdfe rgb(120,189,254)
```
#8bc6fe
```
#8bc6fe rgb(139,198,254)
```
#9fd0fe
```
#9fd0fe rgb(159,208,254)
```
#b2d9fe
```
#b2d9fe rgb(178,217,254)
```
#c6e3ff
```
#c6e3ff rgb(198,227,255)
```
#d9ecff
```
#d9ecff rgb(217,236,255)
```
#edf6ff
```
#edf6ff rgb(237,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #788088 is the less saturated color, while #0384fd is the most saturated one.

#788088
```
#788088 rgb(120,128,136)
```
#6e8192
```
#6e8192 rgb(110,129,146)
```
#65819b
```
#65819b rgb(101,129,155)
```
#5b81a5
```
#5b81a5 rgb(91,129,165)
```
#5181af
```
#5181af rgb(81,129,175)
```
#4782b9
```
#4782b9 rgb(71,130,185)
```
#3e82c2
```
#3e82c2 rgb(62,130,194)
```
#3482cc
```
#3482cc rgb(52,130,204)
```
#2a83d6
```
#2a83d6 rgb(42,131,214)
```
#2083e0
```
#2083e0 rgb(32,131,224)
```
#1783e9
```
#1783e9 rgb(23,131,233)
```
#0d84f3
```
#0d84f3 rgb(13,132,243)
```
#0384fd
```
#0384fd rgb(3,132,253)
```

Tone Color Variation

Below, you can see how #0384fd 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

#6b6b6b Achromatopsia 0.005% of the population
#567088 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4387fa Protanopia 1% of men
#008eea Deuteranopia 1% of men
#0099a2 Tritanopia 0.001% of the population

Trichromacy

#2b86fb Protanomaly 1% of men, 0.01% of women
#018af1 Deuteranomaly 6% of men, 0.4% of women
#0191c3 Tritanomaly 0.01% of the population