colorhexa.com

#368cf2 hex color

In a RGB color space, hex #368cf2 is composed of 21.2% red, 54.9% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 77.7% cyan, 42.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 212.6 degrees, a saturation of 87.9% and a lightness of 58%. #368cf2 color hex could be obtained by blending #6cffff with #0019e5. Closest websafe color is: #3399ff.

- R 21
- G 55
- B 95
RGB color chart
- C 78
- M 42
- Y 0
- K 5
CMYK color chart

● #368cf2 color description : Bright blue.

The hexadecimal color #368cf2 has RGB values of R:54, G:140, B:242 and CMYK values of C:0.78, M:0.42, Y:0, K:0.05. Its decimal value is 3575026.

Hex triplet	368cf2	`#368cf2`
RGB Decimal	54, 140, 242	`rgb(54,140,242)`
RGB Percent	21.2, 54.9, 94.9	`rgb(21.2%,54.9%,94.9%)`
CMYK	78, 42, 0, 5
HSL	212.6°, 87.9, 58	`hsl(212.6,87.9%,58%)`
HSV (or HSB)	212.6°, 77.7, 94.9
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.989, 9.453, -58.439
XYZ	26.923, 25.949, 87.589
xyY	0.192, 0.185, 25.949
CIE-LCH	57.989, 59.199, 279.189
CIE-LUV	57.989, -29.566, -93.741
Hunter-Lab	50.94, 5.195, -66.288
Binary	00110110, 10001100, 11110010

#368cf2
```
#368cf2 rgb(54,140,242)
```
#f29c36
```
#f29c36 rgb(242,156,54)
```

Complementary Color

#36eaf2
```
#36eaf2 rgb(54,234,242)
```
#368cf2
```
#368cf2 rgb(54,140,242)
```
#3e36f2
```
#3e36f2 rgb(62,54,242)
```

Analogous Color

#eaf236
```
#eaf236 rgb(234,242,54)
```
#368cf2
```
#368cf2 rgb(54,140,242)
```
#f23e36
```
#f23e36 rgb(242,62,54)
```

Split Complementary Color

#8cf236
```
#8cf236 rgb(140,242,54)
```
#368cf2
```
#368cf2 rgb(54,140,242)
```
#f2368c
```
#f2368c rgb(242,54,140)
```

Triadic Color

#36f29c
```
#36f29c rgb(54,242,156)
```
#368cf2
```
#368cf2 rgb(54,140,242)
```
#f2368c
```
#f2368c rgb(242,54,140)
```
#f29c36
```
#f29c36 rgb(242,156,54)
```

Tetradic Color

#0d66ce
```
#0d66ce rgb(13,102,206)
```
#0f71e6
```
#0f71e6 rgb(15,113,230)
```
#1e7ef0
```
#1e7ef0 rgb(30,126,240)
```
#368cf2
```
#368cf2 rgb(54,140,242)
```
#4e9af4
```
#4e9af4 rgb(78,154,244)
```
#66a7f5
```
#66a7f5 rgb(102,167,245)
```
#7eb5f7
```
#7eb5f7 rgb(126,181,247)
```

Monochromatic Color

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

#36bbf2
```
#36bbf2 rgb(54,187,242)
```
#36abf2
```
#36abf2 rgb(54,171,242)
```
#369cf2
```
#369cf2 rgb(54,156,242)
```
#368cf2
```
#368cf2 rgb(54,140,242)
```
#367cf2
```
#367cf2 rgb(54,124,242)
```
#366df2
```
#366df2 rgb(54,109,242)
```
#365df2
```
#365df2 rgb(54,93,242)
```

Similar Colors

Text with hexadecimal color #368cf2

This text has a font color of #368cf2.

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

#368cf2 background color

This paragraph has a background color of #368cf2.

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

#368cf2 border color

This element has a border color of #368cf2.

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

CSS codes

.text {color:#368cf2;}

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

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

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

#000102
```
#000102 rgb(0,1,2)
```
#010a14
```
#010a14 rgb(1,10,20)
```
#021327
```
#021327 rgb(2,19,39)
```
#041c39
```
#041c39 rgb(4,28,57)
```
#05254b
```
#05254b rgb(5,37,75)
```
#062e5e
```
#062e5e rgb(6,46,94)
```
#073770
```
#073770 rgb(7,55,112)
```
#084083
```
#084083 rgb(8,64,131)
```
#0a4995
```
#0a4995 rgb(10,73,149)
```
#0b52a7
```
#0b52a7 rgb(11,82,167)
```
#0c5cba
```
#0c5cba rgb(12,92,186)
```
#0d65cc
```
#0d65cc rgb(13,101,204)
```
#0e6edf
```
#0e6edf rgb(14,110,223)
```

Shade Color Variation

#1177f0
```
#1177f0 rgb(17,119,240)
```
#2481f1
```
#2481f1 rgb(36,129,241)
```
#368cf2
```
#368cf2 rgb(54,140,242)
```
#4897f3
```
#4897f3 rgb(72,151,243)
```
#5ba1f4
```
#5ba1f4 rgb(91,161,244)
```
#6dacf6
```
#6dacf6 rgb(109,172,246)
```
#80b6f7
```
#80b6f7 rgb(128,182,247)
```
#92c1f8
```
#92c1f8 rgb(146,193,248)
```
#a5cbf9
```
#a5cbf9 rgb(165,203,249)
```
#b7d6fa
```
#b7d6fa rgb(183,214,250)
```
#c9e0fc
```
#c9e0fc rgb(201,224,252)
```
#dcebfd
```
#dcebfd rgb(220,235,253)
```
#eef5fe
```
#eef5fe rgb(238,245,254)
```

Tint Color Variation

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

#919497
```
#919497 rgb(145,148,151)
```
#8893a0
```
#8893a0 rgb(136,147,160)
```
#8092a8
```
#8092a8 rgb(128,146,168)
```
#7892b0
```
#7892b0 rgb(120,146,176)
```
#7091b8
```
#7091b8 rgb(112,145,184)
```
#6790c1
```
#6790c1 rgb(103,144,193)
```
#5f90c9
```
#5f90c9 rgb(95,144,201)
```
#578fd1
```
#578fd1 rgb(87,143,209)
```
#4f8ed9
```
#4f8ed9 rgb(79,142,217)
```
#468de2
```
#468de2 rgb(70,141,226)
```
#3e8dea
```
#3e8dea rgb(62,141,234)
```
#368cf2
```
#368cf2 rgb(54,140,242)
```
#2e8bfa
```
#2e8bfa rgb(46,139,250)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#708195 Atypical Achromatopsia 0.001% of the population

Dichromacy

#618eef Protanopia 1% of men
#3193f2 Deuteranopia 1% of men
#009fa9 Tritanopia 0.001% of the population

Trichromacy

#518df0 Protanomaly 1% of men, 0.01% of women
#3390f2 Deuteranomaly 6% of men, 0.4% of women
#1398c4 Tritanomaly 0.01% of the population