#365fec hex color

In a RGB color space, hex #365fec is composed of 21.2% red, 37.3% green and 92.5% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 59.7% magenta, 0% yellow and 7.5% black. It has a hue angle of 226.5 degrees, a saturation of 82.7% and a lightness of 56.9%. #365fec color hex could be obtained by blending #6cbeff with #0000d9. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 37
- B 93
RGB color chart
- C 77
- M 60
- Y 0
- K 7
CMYK color chart

● #365fec color description : Bright blue.

The hexadecimal color #365fec has RGB values of R:54, G:95, B:236 and CMYK values of C:0.77, M:0.6, Y:0, K:0.07. Its decimal value is 3563500.

Hex triplet	365fec	`#365fec`
RGB Decimal	54, 95, 236	`rgb(54,95,236)`
RGB Percent	21.2, 37.3, 92.5	`rgb(21.2%,37.3%,92.5%)`
CMYK	77, 60, 0, 7
HSL	226.5°, 82.7, 56.9	`hsl(226.5,82.7%,56.9%)`
HSV (or HSB)	226.5°, 77.1, 92.5
Web Safe	3366ff	`#3366ff`

CIE-LAB	45.666, 35.268, -75.017
XYZ	20.751, 15.023, 81.158
xyY	0.177, 0.128, 15.023
CIE-LCH	45.666, 82.894, 295.18
CIE-LUV	45.666, -16.8, -114.077
Hunter-Lab	38.76, 27.733, -97.014
Binary	00110110, 01011111, 11101100

#365fec
```
#365fec rgb(54,95,236)
```
#ecc336
```
#ecc336 rgb(236,195,54)
```

Complementary Color

#36baec
```
#36baec rgb(54,186,236)
```
#365fec
```
#365fec rgb(54,95,236)
```
#6836ec
```
#6836ec rgb(104,54,236)
```

Analogous Color

#baec36
```
#baec36 rgb(186,236,54)
```
#365fec
```
#365fec rgb(54,95,236)
```
#ec6836
```
#ec6836 rgb(236,104,54)
```

Split Complementary Color

#5fec36
```
#5fec36 rgb(95,236,54)
```
#365fec
```
#365fec rgb(54,95,236)
```
#ec365f
```
#ec365f rgb(236,54,95)
```

Triadic Color

#36ecc3
```
#36ecc3 rgb(54,236,195)
```
#365fec
```
#365fec rgb(54,95,236)
```
#ec365f
```
#ec365f rgb(236,54,95)
```
#ecc336
```
#ecc336 rgb(236,195,54)
```

Tetradic Color

#123ac3
```
#123ac3 rgb(18,58,195)
```
#1541da
```
#1541da rgb(21,65,218)
```
#1f4cea
```
#1f4cea rgb(31,76,234)
```
#365fec
```
#365fec rgb(54,95,236)
```
#4d72ee
```
#4d72ee rgb(77,114,238)
```
#6584f0
```
#6584f0 rgb(101,132,240)
```
#7c97f3
```
#7c97f3 rgb(124,151,243)
```

Monochromatic Color

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

#368dec
```
#368dec rgb(54,141,236)
```
#367dec
```
#367dec rgb(54,125,236)
```
#366eec
```
#366eec rgb(54,110,236)
```
#365fec
```
#365fec rgb(54,95,236)
```
#3650ec
```
#3650ec rgb(54,80,236)
```
#3641ec
```
#3641ec rgb(54,65,236)
```
#3a36ec
```
#3a36ec rgb(58,54,236)
```

Similar Colors

Text with hexadecimal color #365fec

This text has a font color of #365fec.

<span style="color:#365fec;">Text here</span>

#365fec background color

This paragraph has a background color of #365fec.

<p style="background-color:#365fec;">Content here</p>

#365fec border color

This element has a border color of #365fec.

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

CSS codes

.text {color:#365fec;}

.background {background-color:#365fec;}

.border {border:1px solid #365fec;}

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, #01040e is the darkest color, while #fbfcff is the lightest one.

#01040e
```
#01040e rgb(1,4,14)
```
#030a20
```
#030a20 rgb(3,10,32)
```
#050f32
```
#050f32 rgb(5,15,50)
```
#061444
```
#061444 rgb(6,20,68)
```
#081a56
```
#081a56 rgb(8,26,86)
```
#0a1f68
```
#0a1f68 rgb(10,31,104)
```
#0b247a
```
#0b247a rgb(11,36,122)
```
#0d2a8c
```
#0d2a8c rgb(13,42,140)
```
#0f2f9d
```
#0f2f9d rgb(15,47,157)
```
#1134af
```
#1134af rgb(17,52,175)
```
#123ac1
```
#123ac1 rgb(18,58,193)
```
#143fd3
```
#143fd3 rgb(20,63,211)
```
#1644e5
```
#1644e5 rgb(22,68,229)
```

Shade Color Variation

#2451ea
```
#2451ea rgb(36,81,234)
```
#365fec
```
#365fec rgb(54,95,236)
```
#486dee
```
#486dee rgb(72,109,238)
```
#5a7cef
```
#5a7cef rgb(90,124,239)
```
#6c8af1
```
#6c8af1 rgb(108,138,241)
```
#7e98f3
```
#7e98f3 rgb(126,152,243)
```
#90a6f4
```
#90a6f4 rgb(144,166,244)
```
#a2b5f6
```
#a2b5f6 rgb(162,181,246)
```
#b3c3f8
```
#b3c3f8 rgb(179,195,248)
```
#c5d1fa
```
#c5d1fa rgb(197,209,250)
```
#d7dffb
```
#d7dffb rgb(215,223,251)
```
#e9eefd
```
#e9eefd rgb(233,238,253)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#8b8d97
```
#8b8d97 rgb(139,141,151)
```
#8289a0
```
#8289a0 rgb(130,137,160)
```
#7a84a8
```
#7a84a8 rgb(122,132,168)
```
#7180b1
```
#7180b1 rgb(113,128,177)
```
#697bb9
```
#697bb9 rgb(105,123,185)
```
#6076c2
```
#6076c2 rgb(96,118,194)
```
#5872ca
```
#5872ca rgb(88,114,202)
```
#4f6dd3
```
#4f6dd3 rgb(79,109,211)
```
#4768db
```
#4768db rgb(71,104,219)
```
#3e64e4
```
#3e64e4 rgb(62,100,228)
```
#365fec
```
#365fec rgb(54,95,236)
```
#2e5af4
```
#2e5af4 rgb(46,90,244)
```
#2556fd
```
#2556fd rgb(37,86,253)
```

Tone Color Variation

Below, you can see how #365fec 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

#636363 Achromatopsia 0.005% of the population
#5a627e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0076bf Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#1369e1 Protanomaly 1% of men, 0.01% of women
#136ecf Deuteranomaly 6% of men, 0.4% of women
#1373ab Tritanomaly 0.01% of the population

#365fec hex color

#365fec Color Information

#365fec Color Conversion

Color Schemes with #365fec

Alternatives to #365fec

#365fec Preview

Shades and Tints of #365fec

Tones of #365fec

Color Blindness Simulator