#367af5 hex color

In a RGB color space, hex #367af5 is composed of 21.2% red, 47.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 50.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 218.6 degrees, a saturation of 90.5% and a lightness of 58.6%. #367af5 color hex could be obtained by blending #6cf4ff with #0000eb. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 48
- B 96
RGB color chart
- C 78
- M 50
- Y 0
- K 4
CMYK color chart

● #367af5 color description : Bright blue.

The hexadecimal color #367af5 has RGB values of R:54, G:122, B:245 and CMYK values of C:0.78, M:0.5, Y:0, K:0.04. Its decimal value is 3570421.

Hex triplet	367af5	`#367af5`
RGB Decimal	54, 122, 245	`rgb(54,122,245)`
RGB Percent	21.2, 47.8, 96.1	`rgb(21.2%,47.8%,96.1%)`
CMYK	78, 50, 0, 4
HSL	218.6°, 90.5, 58.6	`hsl(218.6,90.5%,58.6%)`
HSV (or HSB)	218.6°, 78, 96.1
Web Safe	3366ff	`#3366ff`

CIE-LAB	53.27, 21.606, -67.692
XYZ	24.959, 21.294, 89.176
xyY	0.184, 0.157, 21.294
CIE-LCH	53.27, 71.056, 287.702
CIE-LUV	53.27, -24.019, -107.433
Hunter-Lab	46.145, 15.791, -82.276
Binary	00110110, 01111010, 11110101

#367af5
```
#367af5 rgb(54,122,245)
```
#f5b136
```
#f5b136 rgb(245,177,54)
```

Complementary Color

#36daf5
```
#36daf5 rgb(54,218,245)
```
#367af5
```
#367af5 rgb(54,122,245)
```
#5236f5
```
#5236f5 rgb(82,54,245)
```

Analogous Color

#daf536
```
#daf536 rgb(218,245,54)
```
#367af5
```
#367af5 rgb(54,122,245)
```
#f55236
```
#f55236 rgb(245,82,54)
```

Split Complementary Color

#7af536
```
#7af536 rgb(122,245,54)
```
#367af5
```
#367af5 rgb(54,122,245)
```
#f5367a
```
#f5367a rgb(245,54,122)
```

Triadic Color

#36f5b1
```
#36f5b1 rgb(54,245,177)
```
#367af5
```
#367af5 rgb(54,122,245)
```
#f5367a
```
#f5367a rgb(245,54,122)
```
#f5b136
```
#f5b136 rgb(245,177,54)
```

Tetradic Color

#0b52d4
```
#0b52d4 rgb(11,82,212)
```
#0c5cec
```
#0c5cec rgb(12,92,236)
```
#1e6af4
```
#1e6af4 rgb(30,106,244)
```
#367af5
```
#367af5 rgb(54,122,245)
```
#4e8af6
```
#4e8af6 rgb(78,138,246)
```
#679af7
```
#679af7 rgb(103,154,247)
```
#7faaf9
```
#7faaf9 rgb(127,170,249)
```

Monochromatic Color

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

#36aaf5
```
#36aaf5 rgb(54,170,245)
```
#369af5
```
#369af5 rgb(54,154,245)
```
#368af5
```
#368af5 rgb(54,138,245)
```
#367af5
```
#367af5 rgb(54,122,245)
```
#366af5
```
#366af5 rgb(54,106,245)
```
#365af5
```
#365af5 rgb(54,90,245)
```
#364af5
```
#364af5 rgb(54,74,245)
```

Similar Colors

Text with hexadecimal color #367af5

This text has a font color of #367af5.

<span style="color:#367af5;">Text here</span>

#367af5 background color

This paragraph has a background color of #367af5.

<p style="background-color:#367af5;">Content here</p>

#367af5 border color

This element has a border color of #367af5.

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

CSS codes

.text {color:#367af5;}

.background {background-color:#367af5;}

.border {border:1px solid #367af5;}

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

#000205
```
#000205 rgb(0,2,5)
```
#010917
```
#010917 rgb(1,9,23)
```
#02102a
```
#02102a rgb(2,16,42)
```
#03183d
```
#03183d rgb(3,24,61)
```
#041f4f
```
#041f4f rgb(4,31,79)
```
#052662
```
#052662 rgb(5,38,98)
```
#062d75
```
#062d75 rgb(6,45,117)
```
#073587
```
#073587 rgb(7,53,135)
```
#083c9a
```
#083c9a rgb(8,60,154)
```
#0943ad
```
#0943ad rgb(9,67,173)
```
#0a4abf
```
#0a4abf rgb(10,74,191)
```
#0a52d2
```
#0a52d2 rgb(10,82,210)
```
#0b59e5
```
#0b59e5 rgb(11,89,229)
```

Shade Color Variation

#1161f3
```
#1161f3 rgb(17,97,243)
```
#236ef4
```
#236ef4 rgb(35,110,244)
```
#367af5
```
#367af5 rgb(54,122,245)
```
#4986f6
```
#4986f6 rgb(73,134,246)
```
#5b93f7
```
#5b93f7 rgb(91,147,247)
```
#6e9ff8
```
#6e9ff8 rgb(110,159,248)
```
#81abf9
```
#81abf9 rgb(129,171,249)
```
#93b8fa
```
#93b8fa rgb(147,184,250)
```
#a6c4fb
```
#a6c4fb rgb(166,196,251)
```
#b9d1fc
```
#b9d1fc rgb(185,209,252)
```
#cbddfc
```
#cbddfc rgb(203,221,252)
```
#dee9fd
```
#dee9fd rgb(222,233,253)
```
#f1f6fe
```
#f1f6fe rgb(241,246,254)
```

Tint Color Variation

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

#8f949c
```
#8f949c rgb(143,148,156)
```
#8791a4
```
#8791a4 rgb(135,145,164)
```
#7f8fac
```
#7f8fac rgb(127,143,172)
```
#778db4
```
#778db4 rgb(119,141,180)
```
#6f8abc
```
#6f8abc rgb(111,138,188)
```
#6788c4
```
#6788c4 rgb(103,136,196)
```
#5f86cc
```
#5f86cc rgb(95,134,204)
```
#5683d5
```
#5683d5 rgb(86,131,213)
```
#4e81dd
```
#4e81dd rgb(78,129,221)
```
#467fe5
```
#467fe5 rgb(70,127,229)
```
#3e7ced
```
#3e7ced rgb(62,124,237)
```
#367af5
```
#367af5 rgb(54,122,245)
```
#2e78fd
```
#2e78fd rgb(46,120,253)
```

Tone Color Variation

Below, you can see how #367af5 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

#747474 Achromatopsia 0.005% of the population
#68758e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3381f6 Protanopia 1% of men
#0088e0 Deuteranopia 1% of men
#00939b Tritanopia 0.001% of the population

Trichromacy

#347ff5 Protanomaly 1% of men, 0.01% of women
#1383e7 Deuteranomaly 6% of men, 0.4% of women
#1389bc Tritanomaly 0.01% of the population

#367af5 hex color

#367af5 Color Information

#367af5 Color Conversion

Color Schemes with #367af5

Alternatives to #367af5

#367af5 Preview

Shades and Tints of #367af5

Tones of #367af5

Color Blindness Simulator