#365faf hex color

In a RGB color space, hex #365faf is composed of 21.2% red, 37.3% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 69.1% cyan, 45.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 219.7 degrees, a saturation of 52.8% and a lightness of 44.9%. #365faf color hex could be obtained by blending #6cbeff with #00005f. Closest websafe color is: #336699.

♥
- f
- t
- g
- R 21
- G 37
- B 69
RGB color chart
- C 69
- M 46
- Y 0
- K 31
CMYK color chart

● #365faf color description : Dark moderate blue.

The hexadecimal color #365faf has RGB values of R:54, G:95, B:175 and CMYK values of C:0.69, M:0.46, Y:0, K:0.31. Its decimal value is 3563439.

Hex triplet	365faf	`#365faf`
RGB Decimal	54, 95, 175	`rgb(54,95,175)`
RGB Percent	21.2, 37.3, 68.6	`rgb(21.2%,37.3%,68.6%)`
CMYK	69, 46, 0, 31
HSL	219.7°, 52.8, 44.9	`hsl(219.7,52.8%,44.9%)`
HSV (or HSB)	219.7°, 69.1, 68.6
Web Safe	336699	`#336699`

CIE-LAB	41.316, 12.853, -46.975
XYZ	13.35, 12.063, 42.18
xyY	0.198, 0.178, 12.063
CIE-LCH	41.316, 48.702, 285.303
CIE-LUV	41.316, -16.866, -69.796
Hunter-Lab	34.732, 7.829, -47.692
Binary	00110110, 01011111, 10101111

#365faf
```
#365faf rgb(54,95,175)
```
#af8636
```
#af8636 rgb(175,134,54)
```

Complementary Color

#369caf
```
#369caf rgb(54,156,175)
```
#365faf
```
#365faf rgb(54,95,175)
```
#4a36af
```
#4a36af rgb(74,54,175)
```

Analogous Color

#9caf36
```
#9caf36 rgb(156,175,54)
```
#365faf
```
#365faf rgb(54,95,175)
```
#af4a36
```
#af4a36 rgb(175,74,54)
```

Split Complementary Color

#5faf36
```
#5faf36 rgb(95,175,54)
```
#365faf
```
#365faf rgb(54,95,175)
```
#af365f
```
#af365f rgb(175,54,95)
```

Triadic Color

#36af86
```
#36af86 rgb(54,175,134)
```
#365faf
```
#365faf rgb(54,95,175)
```
#af365f
```
#af365f rgb(175,54,95)
```
#af8636
```
#af8636 rgb(175,134,54)
```

Tetradic Color

#243f75
```
#243f75 rgb(36,63,117)
```
#2a4a88
```
#2a4a88 rgb(42,74,136)
```
#30549c
```
#30549c rgb(48,84,156)
```
#365faf
```
#365faf rgb(54,95,175)
```
#3c6ac2
```
#3c6ac2 rgb(60,106,194)
```
#4f78c9
```
#4f78c9 rgb(79,120,201)
```
#6387cf
```
#6387cf rgb(99,135,207)
```

Monochromatic Color

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

#367daf
```
#367daf rgb(54,125,175)
```
#3673af
```
#3673af rgb(54,115,175)
```
#3669af
```
#3669af rgb(54,105,175)
```
#365faf
```
#365faf rgb(54,95,175)
```
#3655af
```
#3655af rgb(54,85,175)
```
#364baf
```
#364baf rgb(54,75,175)
```
#3641af
```
#3641af rgb(54,65,175)
```

Similar Colors

Text with hexadecimal color #365faf

This text has a font color of #365faf.

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

#365faf background color

This paragraph has a background color of #365faf.

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

#365faf border color

This element has a border color of #365faf.

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

CSS codes

.text {color:#365faf;}

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

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

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, #03050a is the darkest color, while #fafbfd is the lightest one.

#03050a
```
#03050a rgb(3,5,10)
```
#080e19
```
#080e19 rgb(8,14,25)
```
#0c1628
```
#0c1628 rgb(12,22,40)
```
#111e37
```
#111e37 rgb(17,30,55)
```
#162646
```
#162646 rgb(22,38,70)
```
#1a2e55
```
#1a2e55 rgb(26,46,85)
```
#1f3664
```
#1f3664 rgb(31,54,100)
```
#233e73
```
#233e73 rgb(35,62,115)
```
#284782
```
#284782 rgb(40,71,130)
```
#2d4f91
```
#2d4f91 rgb(45,79,145)
```
#3157a0
```
#3157a0 rgb(49,87,160)
```
#365faf
```
#365faf rgb(54,95,175)
```
#3b67be
```
#3b67be rgb(59,103,190)
```

Shade Color Variation

#4672c6
```
#4672c6 rgb(70,114,198)
```
#557dcb
```
#557dcb rgb(85,125,203)
```
#6488cf
```
#6488cf rgb(100,136,207)
```
#7394d4
```
#7394d4 rgb(115,148,212)
```
#829fd8
```
#829fd8 rgb(130,159,216)
```
#91abdd
```
#91abdd rgb(145,171,221)
```
#a0b6e2
```
#a0b6e2 rgb(160,182,226)
```
#afc2e6
```
#afc2e6 rgb(175,194,230)
```
#becdeb
```
#becdeb rgb(190,205,235)
```
#cdd9f0
```
#cdd9f0 rgb(205,217,240)
```
#dce4f4
```
#dce4f4 rgb(220,228,244)
```
#ebf0f9
```
#ebf0f9 rgb(235,240,249)
```
#fafbfd
```
#fafbfd rgb(250,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b707a is the less saturated color, while #014ee4 is the most saturated one.

#6b707a
```
#6b707a rgb(107,112,122)
```
#626d83
```
#626d83 rgb(98,109,131)
```
#596a8c
```
#596a8c rgb(89,106,140)
```
#506895
```
#506895 rgb(80,104,149)
```
#48659d
```
#48659d rgb(72,101,157)
```
#3f62a6
```
#3f62a6 rgb(63,98,166)
```
#365faf
```
#365faf rgb(54,95,175)
```
#2d5cb8
```
#2d5cb8 rgb(45,92,184)
```
#2459c1
```
#2459c1 rgb(36,89,193)
```
#1c56c9
```
#1c56c9 rgb(28,86,201)
```
#1354d2
```
#1354d2 rgb(19,84,210)
```
#0a51db
```
#0a51db rgb(10,81,219)
```
#014ee4
```
#014ee4 rgb(1,78,228)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#545d6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4167b3 Protanopia 1% of men
#1b6bb1 Deuteranopia 1% of men
#00737c Tritanopia 0.001% of the population

Trichromacy

#3d64b1 Protanomaly 1% of men, 0.01% of women
#2566b0 Deuteranomaly 6% of men, 0.4% of women
#136c8e Tritanomaly 0.01% of the population

#365faf hex color

#365faf Color Information

#365faf Color Conversion

Color Schemes with #365faf

Alternatives to #365faf

#365faf Preview

Shades and Tints of #365faf

Tones of #365faf

Color Blindness Simulator