#384af0 hex color

In a RGB color space, hex #384af0 is composed of 22% red, 29% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 69.2% magenta, 0% yellow and 5.9% black. It has a hue angle of 234.1 degrees, a saturation of 86% and a lightness of 58%. #384af0 color hex could be obtained by blending #7094ff with #0000e1. Closest websafe color is: #3333ff.

♥
- f
- t
- g
- R 22
- G 29
- B 94
RGB color chart
- C 77
- M 69
- Y 0
- K 6
CMYK color chart

● #384af0 color description : Bright blue.

The hexadecimal color #384af0 has RGB values of R:56, G:74, B:240 and CMYK values of C:0.77, M:0.69, Y:0, K:0.06. Its decimal value is 3689200.

Hex triplet	384af0	`#384af0`
RGB Decimal	56, 74, 240	`rgb(56,74,240)`
RGB Percent	22, 29, 94.1	`rgb(22%,29%,94.1%)`
CMYK	77, 69, 0, 6
HSL	234.1°, 86, 58	`hsl(234.1,86%,58%)`
HSV (or HSB)	234.1°, 76.7, 94.1
Web Safe	3333ff	`#3333ff`

CIE-LAB	41.261, 49.609, -84.493
XYZ	19.805, 12.028, 83.711
xyY	0.171, 0.104, 12.028
CIE-LCH	41.261, 97.981, 300.419
CIE-LUV	41.261, -11.978, -122.564
Hunter-Lab	34.682, 41.237, -118.831
Binary	00111000, 01001010, 11110000

#384af0
```
#384af0 rgb(56,74,240)
```
#f0de38
```
#f0de38 rgb(240,222,56)
```

Complementary Color

#38a6f0
```
#38a6f0 rgb(56,166,240)
```
#384af0
```
#384af0 rgb(56,74,240)
```
#8238f0
```
#8238f0 rgb(130,56,240)
```

Analogous Color

#a6f038
```
#a6f038 rgb(166,240,56)
```
#384af0
```
#384af0 rgb(56,74,240)
```
#f08238
```
#f08238 rgb(240,130,56)
```

Split Complementary Color

#4af038
```
#4af038 rgb(74,240,56)
```
#384af0
```
#384af0 rgb(56,74,240)
```
#f0384a
```
#f0384a rgb(240,56,74)
```

Triadic Color

#38f0de
```
#38f0de rgb(56,240,222)
```
#384af0
```
#384af0 rgb(56,74,240)
```
#f0384a
```
#f0384a rgb(240,56,74)
```
#f0de38
```
#f0de38 rgb(240,222,56)
```

Tetradic Color

#0f22cc
```
#0f22cc rgb(15,34,204)
```
#1126e4
```
#1126e4 rgb(17,38,228)
```
#2034ee
```
#2034ee rgb(32,52,238)
```
#384af0
```
#384af0 rgb(56,74,240)
```
#5060f2
```
#5060f2 rgb(80,96,242)
```
#6775f4
```
#6775f4 rgb(103,117,244)
```
#7f8bf5
```
#7f8bf5 rgb(127,139,245)
```

Monochromatic Color

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

#3878f0
```
#3878f0 rgb(56,120,240)
```
#3869f0
```
#3869f0 rgb(56,105,240)
```
#3859f0
```
#3859f0 rgb(56,89,240)
```
#384af0
```
#384af0 rgb(56,74,240)
```
#383bf0
```
#383bf0 rgb(56,59,240)
```
#4538f0
```
#4538f0 rgb(69,56,240)
```
#5438f0
```
#5438f0 rgb(84,56,240)
```

Similar Colors

Text with hexadecimal color #384af0

This text has a font color of #384af0.

<span style="color:#384af0;">Text here</span>

#384af0 background color

This paragraph has a background color of #384af0.

<p style="background-color:#384af0;">Content here</p>

#384af0 border color

This element has a border color of #384af0.

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

CSS codes

.text {color:#384af0;}

.background {background-color:#384af0;}

.border {border:1px solid #384af0;}

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

#000002
```
#000002 rgb(0,0,2)
```
#010314
```
#010314 rgb(1,3,20)
```
#030626
```
#030626 rgb(3,6,38)
```
#040938
```
#040938 rgb(4,9,56)
```
#060c4b
```
#060c4b rgb(6,12,75)
```
#070f5d
```
#070f5d rgb(7,15,93)
```
#08126f
```
#08126f rgb(8,18,111)
```
#0a1581
```
#0a1581 rgb(10,21,129)
```
#0b1894
```
#0b1894 rgb(11,24,148)
```
#0c1ba6
```
#0c1ba6 rgb(12,27,166)
```
#0e1fb8
```
#0e1fb8 rgb(14,31,184)
```
#0f22ca
```
#0f22ca rgb(15,34,202)
```
#1125dd
```
#1125dd rgb(17,37,221)
```

Shade Color Variation

#1429ed
```
#1429ed rgb(20,41,237)
```
#2639ef
```
#2639ef rgb(38,57,239)
```
#384af0
```
#384af0 rgb(56,74,240)
```
#4a5bf1
```
#4a5bf1 rgb(74,91,241)
```
#5c6bf3
```
#5c6bf3 rgb(92,107,243)
```
#6f7cf4
```
#6f7cf4 rgb(111,124,244)
```
#818cf5
```
#818cf5 rgb(129,140,245)
```
#939df7
```
#939df7 rgb(147,157,247)
```
#a5aef8
```
#a5aef8 rgb(165,174,248)
```
#b8befa
```
#b8befa rgb(184,190,250)
```
#cacffb
```
#cacffb rgb(202,207,251)
```
#dcdffc
```
#dcdffc rgb(220,223,252)
```
#eef0fe
```
#eef0fe rgb(238,240,254)
```

Tint Color Variation

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

#939395
```
#939395 rgb(147,147,149)
```
#8a8c9e
```
#8a8c9e rgb(138,140,158)
```
#8286a6
```
#8286a6 rgb(130,134,166)
```
#7a7fae
```
#7a7fae rgb(122,127,174)
```
#7278b6
```
#7278b6 rgb(114,120,182)
```
#6972bf
```
#6972bf rgb(105,114,191)
```
#616bc7
```
#616bc7 rgb(97,107,199)
```
#5964cf
```
#5964cf rgb(89,100,207)
```
#515ed7
```
#515ed7 rgb(81,94,215)
```
#4857e0
```
#4857e0 rgb(72,87,224)
```
#4051e8
```
#4051e8 rgb(64,81,232)
```
#384af0
```
#384af0 rgb(56,74,240)
```
#3043f8
```
#3043f8 rgb(48,67,248)
```

Tone Color Variation

Below, you can see how #384af0 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

#585858 Achromatopsia 0.005% of the population
#525576 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c7 Protanopia 1% of men
#006cad Deuteranopia 1% of men
#00737a Tritanopia 0.001% of the population

Trichromacy

#145cd6 Protanomaly 1% of men, 0.01% of women
#145fc5 Deuteranomaly 6% of men, 0.4% of women
#1464a4 Tritanomaly 0.01% of the population

#384af0 hex color

#384af0 Color Information

#384af0 Color Conversion

Color Schemes with #384af0

Alternatives to #384af0

#384af0 Preview

Shades and Tints of #384af0

Tones of #384af0

Color Blindness Simulator