#368df2 hex color

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

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

● #368df2 color description : Bright blue.

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

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

CIE-LAB	58.267, 8.851, -57.995
XYZ	27.07, 26.243, 87.638
xyY	0.192, 0.186, 26.243
CIE-LCH	58.267, 58.666, 278.677
CIE-LUV	58.267, -29.883, -93.054
Hunter-Lab	51.228, 4.674, -65.572
Binary	00110110, 10001101, 11110010

#368df2
```
#368df2 rgb(54,141,242)
```
#f29b36
```
#f29b36 rgb(242,155,54)
```

Complementary Color

#36ebf2
```
#36ebf2 rgb(54,235,242)
```
#368df2
```
#368df2 rgb(54,141,242)
```
#3d36f2
```
#3d36f2 rgb(61,54,242)
```

Analogous Color

#ebf236
```
#ebf236 rgb(235,242,54)
```
#368df2
```
#368df2 rgb(54,141,242)
```
#f23d36
```
#f23d36 rgb(242,61,54)
```

Split Complementary Color

#8df236
```
#8df236 rgb(141,242,54)
```
#368df2
```
#368df2 rgb(54,141,242)
```
#f2368d
```
#f2368d rgb(242,54,141)
```

Triadic Color

#36f29b
```
#36f29b rgb(54,242,155)
```
#368df2
```
#368df2 rgb(54,141,242)
```
#f2368d
```
#f2368d rgb(242,54,141)
```
#f29b36
```
#f29b36 rgb(242,155,54)
```

Tetradic Color

#0d67ce
```
#0d67ce rgb(13,103,206)
```
#0f72e6
```
#0f72e6 rgb(15,114,230)
```
#1e7ff0
```
#1e7ff0 rgb(30,127,240)
```
#368df2
```
#368df2 rgb(54,141,242)
```
#4e9bf4
```
#4e9bf4 rgb(78,155,244)
```
#66a8f5
```
#66a8f5 rgb(102,168,245)
```
#7eb6f7
```
#7eb6f7 rgb(126,182,247)
```

Monochromatic Color

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

#36bcf2
```
#36bcf2 rgb(54,188,242)
```
#36acf2
```
#36acf2 rgb(54,172,242)
```
#369df2
```
#369df2 rgb(54,157,242)
```
#368df2
```
#368df2 rgb(54,141,242)
```
#367df2
```
#367df2 rgb(54,125,242)
```
#366ef2
```
#366ef2 rgb(54,110,242)
```
#365ef2
```
#365ef2 rgb(54,94,242)
```

Similar Colors

Text with hexadecimal color #368df2

This text has a font color of #368df2.

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

#368df2 background color

This paragraph has a background color of #368df2.

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

#368df2 border color

This element has a border color of #368df2.

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

CSS codes

.text {color:#368df2;}

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

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

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)
```
#062f5e
```
#062f5e rgb(6,47,94)
```
#073870
```
#073870 rgb(7,56,112)
```
#084183
```
#084183 rgb(8,65,131)
```
#0a4a95
```
#0a4a95 rgb(10,74,149)
```
#0b53a7
```
#0b53a7 rgb(11,83,167)
```
#0c5cba
```
#0c5cba rgb(12,92,186)
```
#0d66cc
```
#0d66cc rgb(13,102,204)
```
#0e6fdf
```
#0e6fdf rgb(14,111,223)
```

Shade Color Variation

#1178f0
```
#1178f0 rgb(17,120,240)
```
#2483f1
```
#2483f1 rgb(36,131,241)
```
#368df2
```
#368df2 rgb(54,141,242)
```
#4897f3
```
#4897f3 rgb(72,151,243)
```
#5ba2f4
```
#5ba2f4 rgb(91,162,244)
```
#6dacf6
```
#6dacf6 rgb(109,172,246)
```
#80b7f7
```
#80b7f7 rgb(128,183,247)
```
#92c1f8
```
#92c1f8 rgb(146,193,248)
```
#a5ccf9
```
#a5ccf9 rgb(165,204,249)
```
#b7d6fa
```
#b7d6fa rgb(183,214,250)
```
#c9e1fc
```
#c9e1fc rgb(201,225,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 #2e8cfa is the most saturated one.

#919497
```
#919497 rgb(145,148,151)
```
#8893a0
```
#8893a0 rgb(136,147,160)
```
#8093a8
```
#8093a8 rgb(128,147,168)
```
#7892b0
```
#7892b0 rgb(120,146,176)
```
#7091b8
```
#7091b8 rgb(112,145,184)
```
#6791c1
```
#6791c1 rgb(103,145,193)
```
#5f90c9
```
#5f90c9 rgb(95,144,201)
```
#578fd1
```
#578fd1 rgb(87,143,209)
```
#4f8fd9
```
#4f8fd9 rgb(79,143,217)
```
#468ee2
```
#468ee2 rgb(70,142,226)
```
#3e8eea
```
#3e8eea rgb(62,142,234)
```
#368df2
```
#368df2 rgb(54,141,242)
```
#2e8cfa
```
#2e8cfa rgb(46,140,250)
```

Tone Color Variation

Below, you can see how #368df2 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
#708296 Atypical Achromatopsia 0.001% of the population

Dichromacy

#638eef Protanopia 1% of men
#3593f2 Deuteranopia 1% of men
#00a0aa Tritanopia 0.001% of the population

Trichromacy

#528ef0 Protanomaly 1% of men, 0.01% of women
#3591f2 Deuteranomaly 6% of men, 0.4% of women
#1399c4 Tritanomaly 0.01% of the population

#368df2 hex color

#368df2 Color Information

#368df2 Color Conversion

Color Schemes with #368df2

Alternatives to #368df2

#368df2 Preview

Shades and Tints of #368df2

Tones of #368df2

Color Blindness Simulator