#368aef hex color

In a RGB color space, hex #368aef is composed of 21.2% red, 54.1% green and 93.7% blue. Whereas in a CMYK color space, it is composed of 77.4% cyan, 42.3% magenta, 0% yellow and 6.3% black. It has a hue angle of 212.8 degrees, a saturation of 85.3% and a lightness of 57.5%. #368aef color hex could be obtained by blending #6cffff with #0015df. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 21
- G 54
- B 94
RGB color chart
- C 77
- M 42
- Y 0
- K 6
CMYK color chart

● #368aef color description : Bright blue.

The hexadecimal color #368aef has RGB values of R:54, G:138, B:239 and CMYK values of C:0.77, M:0.42, Y:0, K:0.06. Its decimal value is 3574511.

Hex triplet	368aef	`#368aef`
RGB Decimal	54, 138, 239	`rgb(54,138,239)`
RGB Percent	21.2, 54.1, 93.7	`rgb(21.2%,54.1%,93.7%)`
CMYK	77, 42, 0, 6
HSL	212.8°, 85.3, 57.5	`hsl(212.8,85.3%,57.5%)`
HSV (or HSB)	212.8°, 77.4, 93.7
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.261, 9.567, -57.943
XYZ	26.186, 25.191, 85.139
xyY	0.192, 0.185, 25.191
CIE-LCH	57.261, 58.727, 279.376
CIE-LUV	57.261, -29.037, -92.711
Hunter-Lab	50.191, 5.296, -65.44
Binary	00110110, 10001010, 11101111

#368aef
```
#368aef rgb(54,138,239)
```
#ef9b36
```
#ef9b36 rgb(239,155,54)
```

Complementary Color

#36e7ef
```
#36e7ef rgb(54,231,239)
```
#368aef
```
#368aef rgb(54,138,239)
```
#3e36ef
```
#3e36ef rgb(62,54,239)
```

Analogous Color

#e7ef36
```
#e7ef36 rgb(231,239,54)
```
#368aef
```
#368aef rgb(54,138,239)
```
#ef3e36
```
#ef3e36 rgb(239,62,54)
```

Split Complementary Color

#8aef36
```
#8aef36 rgb(138,239,54)
```
#368aef
```
#368aef rgb(54,138,239)
```
#ef368a
```
#ef368a rgb(239,54,138)
```

Triadic Color

#36ef9b
```
#36ef9b rgb(54,239,155)
```
#368aef
```
#368aef rgb(54,138,239)
```
#ef368a
```
#ef368a rgb(239,54,138)
```
#ef9b36
```
#ef9b36 rgb(239,155,54)
```

Tetradic Color

#1064c9
```
#1064c9 rgb(16,100,201)
```
#1270e0
```
#1270e0 rgb(18,112,224)
```
#1e7ced
```
#1e7ced rgb(30,124,237)
```
#368aef
```
#368aef rgb(54,138,239)
```
#4e98f1
```
#4e98f1 rgb(78,152,241)
```
#65a5f3
```
#65a5f3 rgb(101,165,243)
```
#7db3f5
```
#7db3f5 rgb(125,179,245)
```

Monochromatic Color

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

#36b8ef
```
#36b8ef rgb(54,184,239)
```
#36a9ef
```
#36a9ef rgb(54,169,239)
```
#3699ef
```
#3699ef rgb(54,153,239)
```
#368aef
```
#368aef rgb(54,138,239)
```
#367bef
```
#367bef rgb(54,123,239)
```
#366bef
```
#366bef rgb(54,107,239)
```
#365cef
```
#365cef rgb(54,92,239)
```

Similar Colors

Text with hexadecimal color #368aef

This text has a font color of #368aef.

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

#368aef background color

This paragraph has a background color of #368aef.

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

#368aef border color

This element has a border color of #368aef.

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

CSS codes

.text {color:#368aef;}

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

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

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

#010811
```
#010811 rgb(1,8,17)
```
#031223
```
#031223 rgb(3,18,35)
```
#041b35
```
#041b35 rgb(4,27,53)
```
#062448
```
#062448 rgb(6,36,72)
```
#072d5a
```
#072d5a rgb(7,45,90)
```
#09366c
```
#09366c rgb(9,54,108)
```
#0a3f7e
```
#0a3f7e rgb(10,63,126)
```
#0b4890
```
#0b4890 rgb(11,72,144)
```
#0d51a2
```
#0d51a2 rgb(13,81,162)
```
#0e5ab5
```
#0e5ab5 rgb(14,90,181)
```
#1063c7
```
#1063c7 rgb(16,99,199)
```
#116cd9
```
#116cd9 rgb(17,108,217)
```
#1375eb
```
#1375eb rgb(19,117,235)
```

Shade Color Variation

#247fee
```
#247fee rgb(36,127,238)
```
#368aef
```
#368aef rgb(54,138,239)
```
#4895f0
```
#4895f0 rgb(72,149,240)
```
#5a9ff2
```
#5a9ff2 rgb(90,159,242)
```
#6daaf3
```
#6daaf3 rgb(109,170,243)
```
#7fb4f5
```
#7fb4f5 rgb(127,180,245)
```
#91bff6
```
#91bff6 rgb(145,191,246)
```
#a3c9f8
```
#a3c9f8 rgb(163,201,248)
```
#b5d4f9
```
#b5d4f9 rgb(181,212,249)
```
#c7dffb
```
#c7dffb rgb(199,223,251)
```
#dae9fc
```
#dae9fc rgb(218,233,252)
```
#ecf4fd
```
#ecf4fd rgb(236,244,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#929293
```
#929293 rgb(146,146,147)
```
#89929c
```
#89929c rgb(137,146,156)
```
#8191a4
```
#8191a4 rgb(129,145,164)
```
#7990ac
```
#7990ac rgb(121,144,172)
```
#708fb5
```
#708fb5 rgb(112,143,181)
```
#688fbd
```
#688fbd rgb(104,143,189)
```
#608ec5
```
#608ec5 rgb(96,142,197)
```
#578dce
```
#578dce rgb(87,141,206)
```
#4f8cd6
```
#4f8cd6 rgb(79,140,214)
```
#478cde
```
#478cde rgb(71,140,222)
```
#3e8be7
```
#3e8be7 rgb(62,139,231)
```
#368aef
```
#368aef rgb(54,138,239)
```
#2e89f7
```
#2e89f7 rgb(46,137,247)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#6e7f93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#608cec Protanopia 1% of men
#3091ef Deuteranopia 1% of men
#009da7 Tritanopia 0.001% of the population

Trichromacy

#508bed Protanomaly 1% of men, 0.01% of women
#328eef Deuteranomaly 6% of men, 0.4% of women
#1396c1 Tritanomaly 0.01% of the population

#368aef hex color

#368aef Color Information

#368aef Color Conversion

Color Schemes with #368aef

Alternatives to #368aef

#368aef Preview

Shades and Tints of #368aef

Tones of #368aef

Color Blindness Simulator