#368df5 hex color

In a RGB color space, hex #368df5 is composed of 21.2% red, 55.3% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 42.4% magenta, 0% yellow and 3.9% black. It has a hue angle of 212.7 degrees, a saturation of 90.5% and a lightness of 58.6%. #368df5 color hex could be obtained by blending #6cffff with #001beb. Closest websafe color is: #3399ff.

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

● #368df5 color description : Bright blue.

The hexadecimal color #368df5 has RGB values of R:54, G:141, B:245 and CMYK values of C:0.78, M:0.42, Y:0, K:0.04. Its decimal value is 3575285.

Hex triplet	368df5	`#368df5`
RGB Decimal	54, 141, 245	`rgb(54,141,245)`
RGB Percent	21.2, 55.3, 96.1	`rgb(21.2%,55.3%,96.1%)`
CMYK	78, 42, 0, 4
HSL	212.7°, 90.5, 58.6	`hsl(212.7,90.5%,58.6%)`
HSV (or HSB)	212.7°, 78, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	58.438, 9.944, -59.378
XYZ	27.524, 26.424, 90.031
xyY	0.191, 0.184, 26.424
CIE-LCH	58.438, 60.205, 279.507
CIE-LUV	58.438, -29.777, -95.454
Hunter-Lab	51.405, 5.617, -67.858
Binary	00110110, 10001101, 11110101

#368df5
```
#368df5 rgb(54,141,245)
```
#f59e36
```
#f59e36 rgb(245,158,54)
```

Complementary Color

#36edf5
```
#36edf5 rgb(54,237,245)
```
#368df5
```
#368df5 rgb(54,141,245)
```
#3f36f5
```
#3f36f5 rgb(63,54,245)
```

Analogous Color

#edf536
```
#edf536 rgb(237,245,54)
```
#368df5
```
#368df5 rgb(54,141,245)
```
#f53f36
```
#f53f36 rgb(245,63,54)
```

Split Complementary Color

#8df536
```
#8df536 rgb(141,245,54)
```
#368df5
```
#368df5 rgb(54,141,245)
```
#f5368d
```
#f5368d rgb(245,54,141)
```

Triadic Color

#36f59e
```
#36f59e rgb(54,245,158)
```
#368df5
```
#368df5 rgb(54,141,245)
```
#f5368d
```
#f5368d rgb(245,54,141)
```
#f59e36
```
#f59e36 rgb(245,158,54)
```

Tetradic Color

#0b66d4
```
#0b66d4 rgb(11,102,212)
```
#0c72ec
```
#0c72ec rgb(12,114,236)
```
#1e7ff4
```
#1e7ff4 rgb(30,127,244)
```
#368df5
```
#368df5 rgb(54,141,245)
```
#4e9bf6
```
#4e9bf6 rgb(78,155,246)
```
#67a9f7
```
#67a9f7 rgb(103,169,247)
```
#7fb6f9
```
#7fb6f9 rgb(127,182,249)
```

Monochromatic Color

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

#36bdf5
```
#36bdf5 rgb(54,189,245)
```
#36adf5
```
#36adf5 rgb(54,173,245)
```
#369df5
```
#369df5 rgb(54,157,245)
```
#368df5
```
#368df5 rgb(54,141,245)
```
#367df5
```
#367df5 rgb(54,125,245)
```
#366df5
```
#366df5 rgb(54,109,245)
```
#365df5
```
#365df5 rgb(54,93,245)
```

Similar Colors

Text with hexadecimal color #368df5

This text has a font color of #368df5.

<span style="color:#368df5;">Text here</span>

#368df5 background color

This paragraph has a background color of #368df5.

<p style="background-color:#368df5;">Content here</p>

#368df5 border color

This element has a border color of #368df5.

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

CSS codes

.text {color:#368df5;}

.background {background-color:#368df5;}

.border {border:1px solid #368df5;}

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 #f1f7fe is the lightest one.

#000205
```
#000205 rgb(0,2,5)
```
#010b17
```
#010b17 rgb(1,11,23)
```
#02142a
```
#02142a rgb(2,20,42)
```
#031d3d
```
#031d3d rgb(3,29,61)
```
#04264f
```
#04264f rgb(4,38,79)
```
#052f62
```
#052f62 rgb(5,47,98)
```
#063875
```
#063875 rgb(6,56,117)
```
#074187
```
#074187 rgb(7,65,135)
```
#084a9a
```
#084a9a rgb(8,74,154)
```
#0953ad
```
#0953ad rgb(9,83,173)
```
#0a5cbf
```
#0a5cbf rgb(10,92,191)
```
#0a65d2
```
#0a65d2 rgb(10,101,210)
```
#0b6ee5
```
#0b6ee5 rgb(11,110,229)
```

Shade Color Variation

#1178f3
```
#1178f3 rgb(17,120,243)
```
#2382f4
```
#2382f4 rgb(35,130,244)
```
#368df5
```
#368df5 rgb(54,141,245)
```
#4998f6
```
#4998f6 rgb(73,152,246)
```
#5ba2f7
```
#5ba2f7 rgb(91,162,247)
```
#6eadf8
```
#6eadf8 rgb(110,173,248)
```
#81b7f9
```
#81b7f9 rgb(129,183,249)
```
#93c2fa
```
#93c2fa rgb(147,194,250)
```
#a6cdfb
```
#a6cdfb rgb(166,205,251)
```
#b9d7fc
```
#b9d7fc rgb(185,215,252)
```
#cbe2fc
```
#cbe2fc rgb(203,226,252)
```
#deecfd
```
#deecfd rgb(222,236,253)
```
#f1f7fe
```
#f1f7fe rgb(241,247,254)
```

Tint Color Variation

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

#8f959c
```
#8f959c rgb(143,149,156)
```
#8794a4
```
#8794a4 rgb(135,148,164)
```
#7f94ac
```
#7f94ac rgb(127,148,172)
```
#7793b4
```
#7793b4 rgb(119,147,180)
```
#6f92bc
```
#6f92bc rgb(111,146,188)
```
#6791c4
```
#6791c4 rgb(103,145,196)
```
#5f91cc
```
#5f91cc rgb(95,145,204)
```
#5690d5
```
#5690d5 rgb(86,144,213)
```
#4e8fdd
```
#4e8fdd rgb(78,143,221)
```
#468ee5
```
#468ee5 rgb(70,142,229)
```
#3e8eed
```
#3e8eed rgb(62,142,237)
```
#368df5
```
#368df5 rgb(54,141,245)
```
#2e8cfd
```
#2e8cfd rgb(46,140,253)
```

Tone Color Variation

Below, you can see how #368df5 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

#7f7f7f Achromatopsia 0.005% of the population
#708297 Atypical Achromatopsia 0.001% of the population

Dichromacy

#618ff2 Protanopia 1% of men
#2d94f4 Deuteranopia 1% of men
#00a0ab Tritanopia 0.001% of the population

Trichromacy

#518ef3 Protanomaly 1% of men, 0.01% of women
#3091f4 Deuteranomaly 6% of men, 0.4% of women
#1399c6 Tritanomaly 0.01% of the population

#368df5 hex color

#368df5 Color Information

#368df5 Color Conversion

Color Schemes with #368df5

Alternatives to #368df5

#368df5 Preview

Shades and Tints of #368df5

Tones of #368df5

Color Blindness Simulator