#0f66e4 hex color

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

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

● #0f66e4 color description : Vivid blue.

The hexadecimal color #0f66e4 has RGB values of R:15, G:102, B:228 and CMYK values of C:0.93, M:0.55, Y:0, K:0.11. Its decimal value is 1009380.

Hex triplet	0f66e4	`#0f66e4`
RGB Decimal	15, 102, 228	`rgb(15,102,228)`
RGB Percent	5.9, 40, 89.4	`rgb(5.9%,40%,89.4%)`
CMYK	93, 55, 0, 11
HSL	215.5°, 87.7, 47.6	`hsl(215.5,87.7%,47.6%)`
HSV (or HSB)	215.5°, 93.4, 89.4
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.912, 25.227, -70.143
XYZ	18.949, 15.204, 75.33
xyY	0.173, 0.139, 15.204
CIE-LCH	45.912, 74.542, 289.781
CIE-LUV	45.912, -22.44, -106.863
Hunter-Lab	38.992, 18.508, -87.249
Binary	00001111, 01100110, 11100100

#0f66e4
```
#0f66e4 rgb(15,102,228)
```
#e48d0f
```
#e48d0f rgb(228,141,15)
```

Complementary Color

#0fd1e4
```
#0fd1e4 rgb(15,209,228)
```
#0f66e4
```
#0f66e4 rgb(15,102,228)
```
#230fe4
```
#230fe4 rgb(35,15,228)
```

Analogous Color

#d1e40f
```
#d1e40f rgb(209,228,15)
```
#0f66e4
```
#0f66e4 rgb(15,102,228)
```
#e4230f
```
#e4230f rgb(228,35,15)
```

Split Complementary Color

#66e40f
```
#66e40f rgb(102,228,15)
```
#0f66e4
```
#0f66e4 rgb(15,102,228)
```
#e40f66
```
#e40f66 rgb(228,15,102)
```

Triadic Color

#0fe48d
```
#0fe48d rgb(15,228,141)
```
#0f66e4
```
#0f66e4 rgb(15,102,228)
```
#e40f66
```
#e40f66 rgb(228,15,102)
```
#e48d0f
```
#e48d0f rgb(228,141,15)
```

Tetradic Color

#0a469c
```
#0a469c rgb(10,70,156)
```
#0c51b4
```
#0c51b4 rgb(12,81,180)
```
#0d5bcc
```
#0d5bcc rgb(13,91,204)
```
#0f66e4
```
#0f66e4 rgb(15,102,228)
```
#1c73f0
```
#1c73f0 rgb(28,115,240)
```
#3482f2
```
#3482f2 rgb(52,130,242)
```
#4c90f3
```
#4c90f3 rgb(76,144,243)
```

Monochromatic Color

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

#0f9be4
```
#0f9be4 rgb(15,155,228)
```
#0f8ae4
```
#0f8ae4 rgb(15,138,228)
```
#0f78e4
```
#0f78e4 rgb(15,120,228)
```
#0f66e4
```
#0f66e4 rgb(15,102,228)
```
#0f54e4
```
#0f54e4 rgb(15,84,228)
```
#0f43e4
```
#0f43e4 rgb(15,67,228)
```
#0f31e4
```
#0f31e4 rgb(15,49,228)
```

Similar Colors

Text with hexadecimal color #0f66e4

This text has a font color of #0f66e4.

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

#0f66e4 background color

This paragraph has a background color of #0f66e4.

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

#0f66e4 border color

This element has a border color of #0f66e4.

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

CSS codes

.text {color:#0f66e4;}

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

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

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 #f4f8fe is the lightest one.

#000307
```
#000307 rgb(0,3,7)
```
#020b1a
```
#020b1a rgb(2,11,26)
```
#03142c
```
#03142c rgb(3,20,44)
```
#041c3e
```
#041c3e rgb(4,28,62)
```
#052451
```
#052451 rgb(5,36,81)
```
#072c63
```
#072c63 rgb(7,44,99)
```
#083576
```
#083576 rgb(8,53,118)
```
#093d88
```
#093d88 rgb(9,61,136)
```
#0a459a
```
#0a459a rgb(10,69,154)
```
#0b4dad
```
#0b4dad rgb(11,77,173)
```
#0d56bf
```
#0d56bf rgb(13,86,191)
```
#0e5ed2
```
#0e5ed2 rgb(14,94,210)
```
#0f66e4
```
#0f66e4 rgb(15,102,228)
```

Shade Color Variation

#176ff0
```
#176ff0 rgb(23,111,240)
```
#297bf1
```
#297bf1 rgb(41,123,241)
```
#3c86f2
```
#3c86f2 rgb(60,134,242)
```
#4e92f3
```
#4e92f3 rgb(78,146,243)
```
#619df5
```
#619df5 rgb(97,157,245)
```
#73a8f6
```
#73a8f6 rgb(115,168,246)
```
#85b4f7
```
#85b4f7 rgb(133,180,247)
```
#98bff8
```
#98bff8 rgb(152,191,248)
```
#aacbf9
```
#aacbf9 rgb(170,203,249)
```
#bdd6fb
```
#bdd6fb rgb(189,214,251)
```
#cfe1fc
```
#cfe1fc rgb(207,225,252)
```
#e1edfd
```
#e1edfd rgb(225,237,253)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

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

#76797d
```
#76797d rgb(118,121,125)
```
#6c7787
```
#6c7787 rgb(108,119,135)
```
#637590
```
#637590 rgb(99,117,144)
```
#5a7499
```
#5a7499 rgb(90,116,153)
```
#5072a3
```
#5072a3 rgb(80,114,163)
```
#4770ac
```
#4770ac rgb(71,112,172)
```
#3e6fb5
```
#3e6fb5 rgb(62,111,181)
```
#346dbf
```
#346dbf rgb(52,109,191)
```
#2b6bc8
```
#2b6bc8 rgb(43,107,200)
```
#2269d1
```
#2269d1 rgb(34,105,209)
```
#1868db
```
#1868db rgb(24,104,219)
```
#0f66e4
```
#0f66e4 rgb(15,102,228)
```
#0664ed
```
#0664ed rgb(6,100,237)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#4b5c76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070dd Protanopia 1% of men
#0077c1 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#056cdf Protanomaly 1% of men, 0.01% of women
#0570cd Deuteranomaly 6% of men, 0.4% of women
#0576a8 Tritanomaly 0.01% of the population

#0f66e4 hex color

#0f66e4 Color Information

#0f66e4 Color Conversion

Color Schemes with #0f66e4

Alternatives to #0f66e4

#0f66e4 Preview

Shades and Tints of #0f66e4

Tones of #0f66e4

Color Blindness Simulator