#365fff hex color

In a RGB color space, hex #365fff is composed of 21.2% red, 37.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 62.7% magenta, 0% yellow and 0% black. It has a hue angle of 227.8 degrees, a saturation of 100% and a lightness of 60.6%. #365fff color hex could be obtained by blending #6cbeff with #0000ff. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 21
- G 37
- B 100
RGB color chart
- C 79
- M 63
- Y 0
- K 0
CMYK color chart

● #365fff color description : Light blue.

The hexadecimal color #365fff has RGB values of R:54, G:95, B:255 and CMYK values of C:0.79, M:0.63, Y:0, K:0. Its decimal value is 3563519.

Hex triplet	365fff	`#365fff`
RGB Decimal	54, 95, 255	`rgb(54,95,255)`
RGB Percent	21.2, 37.3, 100	`rgb(21.2%,37.3%,100%)`
CMYK	79, 63, 0, 0
HSL	227.8°, 100, 60.6	`hsl(227.8,100%,60.6%)`
HSV (or HSB)	227.8°, 78.8, 100
Web Safe	3366ff	`#3366ff`

CIE-LAB	47.219, 42.034, -83.1
XYZ	23.66, 16.187, 96.48
xyY	0.174, 0.119, 16.187
CIE-LCH	47.219, 93.126, 296.832
CIE-LUV	47.219, -16.94, -126.619
Hunter-Lab	40.233, 34.562, -114.016
Binary	00110110, 01011111, 11111111

#365fff
```
#365fff rgb(54,95,255)
```
#ffd636
```
#ffd636 rgb(255,214,54)
```

Complementary Color

#36c4ff
```
#36c4ff rgb(54,196,255)
```
#365fff
```
#365fff rgb(54,95,255)
```
#7236ff
```
#7236ff rgb(114,54,255)
```

Analogous Color

#c4ff36
```
#c4ff36 rgb(196,255,54)
```
#365fff
```
#365fff rgb(54,95,255)
```
#ff7236
```
#ff7236 rgb(255,114,54)
```

Split Complementary Color

#5fff36
```
#5fff36 rgb(95,255,54)
```
#365fff
```
#365fff rgb(54,95,255)
```
#ff365f
```
#ff365f rgb(255,54,95)
```

Triadic Color

#36ffd6
```
#36ffd6 rgb(54,255,214)
```
#365fff
```
#365fff rgb(54,95,255)
```
#ff365f
```
#ff365f rgb(255,54,95)
```
#ffd636
```
#ffd636 rgb(255,214,54)
```

Tetradic Color

#002fe9
```
#002fe9 rgb(0,47,233)
```
#0336ff
```
#0336ff rgb(3,54,255)
```
#1d4bff
```
#1d4bff rgb(29,75,255)
```
#365fff
```
#365fff rgb(54,95,255)
```
#5073ff
```
#5073ff rgb(80,115,255)
```
#6988ff
```
#6988ff rgb(105,136,255)
```
#839cff
```
#839cff rgb(131,156,255)
```

Monochromatic Color

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

#3691ff
```
#3691ff rgb(54,145,255)
```
#3681ff
```
#3681ff rgb(54,129,255)
```
#3670ff
```
#3670ff rgb(54,112,255)
```
#365fff
```
#365fff rgb(54,95,255)
```
#364eff
```
#364eff rgb(54,78,255)
```
#363eff
```
#363eff rgb(54,62,255)
```
#3f36ff
```
#3f36ff rgb(63,54,255)
```

Similar Colors

Text with hexadecimal color #365fff

This text has a font color of #365fff.

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

#365fff background color

This paragraph has a background color of #365fff.

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

#365fff border color

This element has a border color of #365fff.

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

CSS codes

.text {color:#365fff;}

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

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

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, #00030f is the darkest color, while #fafbff is the lightest one.

#00030f
```
#00030f rgb(0,3,15)
```
#000722
```
#000722 rgb(0,7,34)
```
#000b36
```
#000b36 rgb(0,11,54)
```
#000f4a
```
#000f4a rgb(0,15,74)
```
#00135d
```
#00135d rgb(0,19,93)
```
#001771
```
#001771 rgb(0,23,113)
```
#001b84
```
#001b84 rgb(0,27,132)
```
#001f98
```
#001f98 rgb(0,31,152)
```
#0023ac
```
#0023ac rgb(0,35,172)
```
#0027bf
```
#0027bf rgb(0,39,191)
```
#002bd3
```
#002bd3 rgb(0,43,211)
```
#002fe7
```
#002fe7 rgb(0,47,231)
```
#0033fa
```
#0033fa rgb(0,51,250)
```

Shade Color Variation

#0f40ff
```
#0f40ff rgb(15,64,255)
```
#224fff
```
#224fff rgb(34,79,255)
```
#365fff
```
#365fff rgb(54,95,255)
```
#4a6fff
```
#4a6fff rgb(74,111,255)
```
#5d7eff
```
#5d7eff rgb(93,126,255)
```
#718eff
```
#718eff rgb(113,142,255)
```
#849dff
```
#849dff rgb(132,157,255)
```
#98adff
```
#98adff rgb(152,173,255)
```
#acbdff
```
#acbdff rgb(172,189,255)
```
#bfccff
```
#bfccff rgb(191,204,255)
```
#d3dcff
```
#d3dcff rgb(211,220,255)
```
#e7ecff
```
#e7ecff rgb(231,236,255)
```
#fafbff
```
#fafbff rgb(250,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9396a2 is the less saturated color, while #365fff is the most saturated one.

#9396a2
```
#9396a2 rgb(147,150,162)
```
#8b91aa
```
#8b91aa rgb(139,145,170)
```
#838db2
```
#838db2 rgb(131,141,178)
```
#7c88b9
```
#7c88b9 rgb(124,136,185)
```
#7484c1
```
#7484c1 rgb(116,132,193)
```
#6c7fc9
```
#6c7fc9 rgb(108,127,201)
```
#647ad1
```
#647ad1 rgb(100,122,209)
```
#5d76d8
```
#5d76d8 rgb(93,118,216)
```
#5571e0
```
#5571e0 rgb(85,113,224)
```
#4d6de8
```
#4d6de8 rgb(77,109,232)
```
#4568f0
```
#4568f0 rgb(69,104,240)
```
#3e64f7
```
#3e64f7 rgb(62,100,247)
```
#365fff
```
#365fff rgb(54,95,255)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#5c6484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0073e2 Protanopia 1% of men
#007ac4 Deuteranopia 1% of men
#00838a Tritanopia 0.001% of the population

Trichromacy

#136cec Protanomaly 1% of men, 0.01% of women
#1370d9 Deuteranomaly 6% of men, 0.4% of women
#1376b4 Tritanomaly 0.01% of the population

#365fff hex color

#365fff Color Information

#365fff Color Conversion

Color Schemes with #365fff

Alternatives to #365fff

#365fff Preview

Shades and Tints of #365fff

Tones of #365fff

Color Blindness Simulator