#0f5ae4 hex color

In a RGB color space, hex #0f5ae4 is composed of 5.9% red, 35.3% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 93.4% cyan, 60.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 218.9 degrees, a saturation of 87.7% and a lightness of 47.6%. #0f5ae4 color hex could be obtained by blending #1eb4ff with #0000c9. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 6
- G 35
- B 89
RGB color chart
- C 93
- M 61
- Y 0
- K 11
CMYK color chart

● #0f5ae4 color description : Vivid blue.

The hexadecimal color #0f5ae4 has RGB values of R:15, G:90, B:228 and CMYK values of C:0.93, M:0.61, Y:0, K:0.11. Its decimal value is 1006308.

Hex triplet	0f5ae4	`#0f5ae4`
RGB Decimal	15, 90, 228	`rgb(15,90,228)`
RGB Percent	5.9, 35.3, 89.4	`rgb(5.9%,35.3%,89.4%)`
CMYK	93, 61, 0, 11
HSL	218.9°, 87.7, 47.6	`hsl(218.9,87.7%,47.6%)`
HSV (or HSB)	218.9°, 93.4, 89.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	42.784, 32.973, -75.251
XYZ	17.854, 13.014, 74.965
xyY	0.169, 0.123, 13.014
CIE-LCH	42.784, 82.158, 293.662
CIE-LUV	42.784, -19.342, -111.741
Hunter-Lab	36.075, 25.211, -97.956
Binary	00001111, 01011010, 11100100

#0f5ae4
```
#0f5ae4 rgb(15,90,228)
```
#e4990f
```
#e4990f rgb(228,153,15)
```

Complementary Color

#0fc5e4
```
#0fc5e4 rgb(15,197,228)
```
#0f5ae4
```
#0f5ae4 rgb(15,90,228)
```
#2f0fe4
```
#2f0fe4 rgb(47,15,228)
```

Analogous Color

#c5e40f
```
#c5e40f rgb(197,228,15)
```
#0f5ae4
```
#0f5ae4 rgb(15,90,228)
```
#e42e0f
```
#e42e0f rgb(228,46,15)
```

Split Complementary Color

#5ae40f
```
#5ae40f rgb(90,228,15)
```
#0f5ae4
```
#0f5ae4 rgb(15,90,228)
```
#e40f5a
```
#e40f5a rgb(228,15,90)
```

Triadic Color

#0fe499
```
#0fe499 rgb(15,228,153)
```
#0f5ae4
```
#0f5ae4 rgb(15,90,228)
```
#e40f5a
```
#e40f5a rgb(228,15,90)
```
#e4990f
```
#e4990f rgb(228,153,15)
```

Tetradic Color

#0a3e9c
```
#0a3e9c rgb(10,62,156)
```
#0c47b4
```
#0c47b4 rgb(12,71,180)
```
#0d51cc
```
#0d51cc rgb(13,81,204)
```
#0f5ae4
```
#0f5ae4 rgb(15,90,228)
```
#1c67f0
```
#1c67f0 rgb(28,103,240)
```
#3477f2
```
#3477f2 rgb(52,119,242)
```
#4c87f3
```
#4c87f3 rgb(76,135,243)
```

Monochromatic Color

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

#0f8fe4
```
#0f8fe4 rgb(15,143,228)
```
#0f7ee4
```
#0f7ee4 rgb(15,126,228)
```
#0f6ce4
```
#0f6ce4 rgb(15,108,228)
```
#0f5ae4
```
#0f5ae4 rgb(15,90,228)
```
#0f48e4
```
#0f48e4 rgb(15,72,228)
```
#0f37e4
```
#0f37e4 rgb(15,55,228)
```
#0f25e4
```
#0f25e4 rgb(15,37,228)
```

Similar Colors

Text with hexadecimal color #0f5ae4

This text has a font color of #0f5ae4.

<span style="color:#0f5ae4;">Text here</span>

#0f5ae4 background color

This paragraph has a background color of #0f5ae4.

<p style="background-color:#0f5ae4;">Content here</p>

#0f5ae4 border color

This element has a border color of #0f5ae4.

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

CSS codes

.text {color:#0f5ae4;}

.background {background-color:#0f5ae4;}

.border {border:1px solid #0f5ae4;}

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

#000307
```
#000307 rgb(0,3,7)
```
#020a1a
```
#020a1a rgb(2,10,26)
```
#03112c
```
#03112c rgb(3,17,44)
```
#04193e
```
#04193e rgb(4,25,62)
```
#052051
```
#052051 rgb(5,32,81)
```
#072763
```
#072763 rgb(7,39,99)
```
#082e76
```
#082e76 rgb(8,46,118)
```
#093688
```
#093688 rgb(9,54,136)
```
#0a3d9a
```
#0a3d9a rgb(10,61,154)
```
#0b44ad
```
#0b44ad rgb(11,68,173)
```
#0d4bbf
```
#0d4bbf rgb(13,75,191)
```
#0e53d2
```
#0e53d2 rgb(14,83,210)
```
#0f5ae4
```
#0f5ae4 rgb(15,90,228)
```

Shade Color Variation

#1763f0
```
#1763f0 rgb(23,99,240)
```
#2970f1
```
#2970f1 rgb(41,112,241)
```
#3c7cf2
```
#3c7cf2 rgb(60,124,242)
```
#4e88f3
```
#4e88f3 rgb(78,136,243)
```
#6195f5
```
#6195f5 rgb(97,149,245)
```
#73a1f6
```
#73a1f6 rgb(115,161,246)
```
#85adf7
```
#85adf7 rgb(133,173,247)
```
#98baf8
```
#98baf8 rgb(152,186,248)
```
#aac6f9
```
#aac6f9 rgb(170,198,249)
```
#bdd2fb
```
#bdd2fb rgb(189,210,251)
```
#cfdffc
```
#cfdffc rgb(207,223,252)
```
#e1ebfd
```
#e1ebfd rgb(225,235,253)
```
#f4f7fe
```
#f4f7fe rgb(244,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #76787d is the less saturated color, while #0657ed is the most saturated one.

#76787d
```
#76787d rgb(118,120,125)
```
#6c7687
```
#6c7687 rgb(108,118,135)
```
#637390
```
#637390 rgb(99,115,144)
```
#5a7099
```
#5a7099 rgb(90,112,153)
```
#506da3
```
#506da3 rgb(80,109,163)
```
#476bac
```
#476bac rgb(71,107,172)
```
#3e68b5
```
#3e68b5 rgb(62,104,181)
```
#3465bf
```
#3465bf rgb(52,101,191)
```
#2b62c8
```
#2b62c8 rgb(43,98,200)
```
#2260d1
```
#2260d1 rgb(34,96,209)
```
#185ddb
```
#185ddb rgb(24,93,219)
```
#0f5ae4
```
#0f5ae4 rgb(15,90,228)
```
#0657ed
```
#0657ed rgb(6,87,237)
```

Tone Color Variation

Below, you can see how #0f5ae4 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

#535353 Achromatopsia 0.005% of the population
#455470 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#00777d Tritanopia 0.001% of the population

Trichromacy

#0564d6 Protanomaly 1% of men, 0.01% of women
#0567c5 Deuteranomaly 6% of men, 0.4% of women
#056da3 Tritanomaly 0.01% of the population

#0f5ae4 hex color

#0f5ae4 Color Information

#0f5ae4 Color Conversion

Color Schemes with #0f5ae4

Alternatives to #0f5ae4

#0f5ae4 Preview

Shades and Tints of #0f5ae4

Tones of #0f5ae4

Color Blindness Simulator