#5f68e3 hex color

In a RGB color space, hex #5f68e3 is composed of 37.3% red, 40.8% green and 89% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 54.2% magenta, 0% yellow and 11% black. It has a hue angle of 235.9 degrees, a saturation of 70.2% and a lightness of 63.1%. #5f68e3 color hex could be obtained by blending #bed0ff with #0000c7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 37
- G 41
- B 89
RGB color chart
- C 58
- M 54
- Y 0
- K 11
CMYK color chart

● #5f68e3 color description : Soft blue.

The hexadecimal color #5f68e3 has RGB values of R:95, G:104, B:227 and CMYK values of C:0.58, M:0.54, Y:0, K:0.11. Its decimal value is 6252771.

Hex triplet	5f68e3	`#5f68e3`
RGB Decimal	95, 104, 227	`rgb(95,104,227)`
RGB Percent	37.3, 40.8, 89	`rgb(37.3%,40.8%,89%)`
CMYK	58, 54, 0, 11
HSL	235.9°, 70.2, 63.1	`hsl(235.9,70.2%,63.1%)`
HSV (or HSB)	235.9°, 58.1, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	49.348, 32.287, -63.865
XYZ	23.532, 17.879, 74.88
xyY	0.202, 0.154, 17.879
CIE-LCH	49.348, 71.563, 296.819
CIE-LUV	49.348, -9.972, -100.536
Hunter-Lab	42.283, 25.346, -75.4
Binary	01011111, 01101000, 11100011

#5f68e3
```
#5f68e3 rgb(95,104,227)
```
#e3da5f
```
#e3da5f rgb(227,218,95)
```

Complementary Color

#5faae3
```
#5faae3 rgb(95,170,227)
```
#5f68e3
```
#5f68e3 rgb(95,104,227)
```
#985fe3
```
#985fe3 rgb(152,95,227)
```

Analogous Color

#aae35f
```
#aae35f rgb(170,227,95)
```
#5f68e3
```
#5f68e3 rgb(95,104,227)
```
#e3985f
```
#e3985f rgb(227,152,95)
```

Split Complementary Color

#68e35f
```
#68e35f rgb(104,227,95)
```
#5f68e3
```
#5f68e3 rgb(95,104,227)
```
#e35f68
```
#e35f68 rgb(227,95,104)
```

Triadic Color

#5fe3da
```
#5fe3da rgb(95,227,218)
```
#5f68e3
```
#5f68e3 rgb(95,104,227)
```
#e35f68
```
#e35f68 rgb(227,95,104)
```
#e3da5f
```
#e3da5f rgb(227,218,95)
```

Tetradic Color

#2530d1
```
#2530d1 rgb(37,48,209)
```
#343fdb
```
#343fdb rgb(52,63,219)
```
#4954df
```
#4954df rgb(73,84,223)
```
#5f68e3
```
#5f68e3 rgb(95,104,227)
```
#757ce7
```
#757ce7 rgb(117,124,231)
```
#8a91eb
```
#8a91eb rgb(138,145,235)
```
#a0a5ee
```
#a0a5ee rgb(160,165,238)
```

Monochromatic Color

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

#5f89e3
```
#5f89e3 rgb(95,137,227)
```
#5f7ee3
```
#5f7ee3 rgb(95,126,227)
```
#5f73e3
```
#5f73e3 rgb(95,115,227)
```
#5f68e3
```
#5f68e3 rgb(95,104,227)
```
#615fe3
```
#615fe3 rgb(97,95,227)
```
#6c5fe3
```
#6c5fe3 rgb(108,95,227)
```
#775fe3
```
#775fe3 rgb(119,95,227)
```

Similar Colors

Text with hexadecimal color #5f68e3

This text has a font color of #5f68e3.

<span style="color:#5f68e3;">Text here</span>

#5f68e3 background color

This paragraph has a background color of #5f68e3.

<p style="background-color:#5f68e3;">Content here</p>

#5f68e3 border color

This element has a border color of #5f68e3.

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

CSS codes

.text {color:#5f68e3;}

.background {background-color:#5f68e3;}

.border {border:1px solid #5f68e3;}

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

#010207
```
#010207 rgb(1,2,7)
```
#040518
```
#040518 rgb(4,5,24)
```
#070928
```
#070928 rgb(7,9,40)
```
#0a0d39
```
#0a0d39 rgb(10,13,57)
```
#0d114a
```
#0d114a rgb(13,17,74)
```
#10155a
```
#10155a rgb(16,21,90)
```
#13196b
```
#13196b rgb(19,25,107)
```
#161d7c
```
#161d7c rgb(22,29,124)
```
#19208c
```
#19208c rgb(25,32,140)
```
#1c249d
```
#1c249d rgb(28,36,157)
```
#1e28ae
```
#1e28ae rgb(30,40,174)
```
#212cbf
```
#212cbf rgb(33,44,191)
```
#2430cf
```
#2430cf rgb(36,48,207)
```

Shade Color Variation

#2d39da
```
#2d39da rgb(45,57,218)
```
#3e48dd
```
#3e48dd rgb(62,72,221)
```
#4e58e0
```
#4e58e0 rgb(78,88,224)
```
#5f68e3
```
#5f68e3 rgb(95,104,227)
```
#7078e6
```
#7078e6 rgb(112,120,230)
```
#8088e9
```
#8088e9 rgb(128,136,233)
```
#9197ec
```
#9197ec rgb(145,151,236)
```
#a2a7ef
```
#a2a7ef rgb(162,167,239)
```
#b2b7f2
```
#b2b7f2 rgb(178,183,242)
```
#c3c7f5
```
#c3c7f5 rgb(195,199,245)
```
#d4d6f7
```
#d4d6f7 rgb(212,214,247)
```
#e5e6fa
```
#e5e6fa rgb(229,230,250)
```
#f5f6fd
```
#f5f6fd rgb(245,246,253)
```

Tint Color Variation

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

#a0a0a2
```
#a0a0a2 rgb(160,160,162)
```
#999aa9
```
#999aa9 rgb(153,154,169)
```
#9294b0
```
#9294b0 rgb(146,148,176)
```
#8a8db8
```
#8a8db8 rgb(138,141,184)
```
#8387bf
```
#8387bf rgb(131,135,191)
```
#7c81c6
```
#7c81c6 rgb(124,129,198)
```
#757bcd
```
#757bcd rgb(117,123,205)
```
#6d74d5
```
#6d74d5 rgb(109,116,213)
```
#666edc
```
#666edc rgb(102,110,220)
```
#5f68e3
```
#5f68e3 rgb(95,104,227)
```
#5862ea
```
#5862ea rgb(88,98,234)
```
#515cf1
```
#515cf1 rgb(81,92,241)
```
#4955f9
```
#4955f9 rgb(73,85,249)
```

Tone Color Variation

Below, you can see how #5f68e3 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

#737373 Achromatopsia 0.005% of the population
#6f7189 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0c78ec Protanopia 1% of men
#007ed1 Deuteranopia 1% of men
#368690 Tritanopia 0.001% of the population

Trichromacy

#2a72e9 Protanomaly 1% of men, 0.01% of women
#2276d7 Deuteranomaly 6% of men, 0.4% of women
#457bae Tritanomaly 0.01% of the population

#5f68e3 hex color

#5f68e3 Color Information

#5f68e3 Color Conversion

Color Schemes with #5f68e3

Alternatives to #5f68e3

#5f68e3 Preview

Shades and Tints of #5f68e3

Tones of #5f68e3

Color Blindness Simulator