#0f3cfe hex color

In a RGB color space, hex #0f3cfe is composed of 5.9% red, 23.5% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 94.1% cyan, 76.4% magenta, 0% yellow and 0.4% black. It has a hue angle of 228.7 degrees, a saturation of 99.2% and a lightness of 52.7%. #0f3cfe color hex could be obtained by blending #1e78ff with #0000fd. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 6
- G 24
- B 100
RGB color chart
- C 94
- M 76
- Y 0
- K 0
CMYK color chart

● #0f3cfe color description : Vivid blue.

The hexadecimal color #0f3cfe has RGB values of R:15, G:60, B:254 and CMYK values of C:0.94, M:0.76, Y:0, K:0. Its decimal value is 998654.

Hex triplet	0f3cfe	`#0f3cfe`
RGB Decimal	15, 60, 254	`rgb(15,60,254)`
RGB Percent	5.9, 23.5, 99.6	`rgb(5.9%,23.5%,99.6%)`
CMYK	94, 76, 0, 0
HSL	228.7°, 99.2, 52.7	`hsl(228.7,99.2%,52.7%)`
HSV (or HSB)	228.7°, 94.1, 99.6
Web Safe	0033ff	`#0033ff`

CIE-LAB	38.703, 60.103, -96.624
XYZ	19.699, 10.487, 94.747
xyY	0.158, 0.084, 10.487
CIE-LCH	38.703, 113.792, 301.883
CIE-LUV	38.703, -13.591, -132.681
Hunter-Lab	32.384, 51.905, -150.795
Binary	00001111, 00111100, 11111110

#0f3cfe
```
#0f3cfe rgb(15,60,254)
```
#fed10f
```
#fed10f rgb(254,209,15)
```

Complementary Color

#0fb4fe
```
#0fb4fe rgb(15,180,254)
```
#0f3cfe
```
#0f3cfe rgb(15,60,254)
```
#5a0ffe
```
#5a0ffe rgb(90,15,254)
```

Analogous Color

#b4fe0f
```
#b4fe0f rgb(180,254,15)
```
#0f3cfe
```
#0f3cfe rgb(15,60,254)
```
#fe5a0f
```
#fe5a0f rgb(254,90,15)
```

Split Complementary Color

#3cfe0f
```
#3cfe0f rgb(60,254,15)
```
#0f3cfe
```
#0f3cfe rgb(15,60,254)
```
#fe0f3c
```
#fe0f3c rgb(254,15,60)
```

Triadic Color

#0ffed1
```
#0ffed1 rgb(15,254,209)
```
#0f3cfe
```
#0f3cfe rgb(15,60,254)
```
#fe0f3c
```
#fe0f3c rgb(254,15,60)
```
#fed10f
```
#fed10f rgb(254,209,15)
```

Tetradic Color

#0125c0
```
#0125c0 rgb(1,37,192)
```
#012ad9
```
#012ad9 rgb(1,42,217)
```
#012ef2
```
#012ef2 rgb(1,46,242)
```
#0f3cfe
```
#0f3cfe rgb(15,60,254)
```
#2851fe
```
#2851fe rgb(40,81,254)
```
#4265fe
```
#4265fe rgb(66,101,254)
```
#5b7afe
```
#5b7afe rgb(91,122,254)
```

Monochromatic Color

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

#0f78fe
```
#0f78fe rgb(15,120,254)
```
#0f64fe
```
#0f64fe rgb(15,100,254)
```
#0f50fe
```
#0f50fe rgb(15,80,254)
```
#0f3cfe
```
#0f3cfe rgb(15,60,254)
```
#0f28fe
```
#0f28fe rgb(15,40,254)
```
#0f14fe
```
#0f14fe rgb(15,20,254)
```
#1e0ffe
```
#1e0ffe rgb(30,15,254)
```

Similar Colors

Text with hexadecimal color #0f3cfe

This text has a font color of #0f3cfe.

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

#0f3cfe background color

This paragraph has a background color of #0f3cfe.

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

#0f3cfe border color

This element has a border color of #0f3cfe.

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

CSS codes

.text {color:#0f3cfe;}

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

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

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

#00030e
```
#00030e rgb(0,3,14)
```
#000621
```
#000621 rgb(0,6,33)
```
#000a35
```
#000a35 rgb(0,10,53)
```
#000e49
```
#000e49 rgb(0,14,73)
```
#00125c
```
#00125c rgb(0,18,92)
```
#001570
```
#001570 rgb(0,21,112)
```
#011983
```
#011983 rgb(1,25,131)
```
#011d97
```
#011d97 rgb(1,29,151)
```
#0121aa
```
#0121aa rgb(1,33,170)
```
#0124be
```
#0124be rgb(1,36,190)
```
#0128d1
```
#0128d1 rgb(1,40,209)
```
#012ce5
```
#012ce5 rgb(1,44,229)
```
#0130f8
```
#0130f8 rgb(1,48,248)
```

Shade Color Variation

#0f3cfe
```
#0f3cfe rgb(15,60,254)
```
#234cfe
```
#234cfe rgb(35,76,254)
```
#365cfe
```
#365cfe rgb(54,92,254)
```
#4a6cfe
```
#4a6cfe rgb(74,108,254)
```
#5d7bfe
```
#5d7bfe rgb(93,123,254)
```
#718bfe
```
#718bfe rgb(113,139,254)
```
#849bfe
```
#849bfe rgb(132,155,254)
```
#98abff
```
#98abff rgb(152,171,255)
```
#abbbff
```
#abbbff rgb(171,187,255)
```
#bfcbff
```
#bfcbff rgb(191,203,255)
```
#d2dbff
```
#d2dbff rgb(210,219,255)
```
#e6ebff
```
#e6ebff rgb(230,235,255)
```
#f9faff
```
#f9faff rgb(249,250,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7e818f is the less saturated color, while #0f3cfe is the most saturated one.

#7e818f
```
#7e818f rgb(126,129,143)
```
#757c98
```
#757c98 rgb(117,124,152)
```
#6c76a1
```
#6c76a1 rgb(108,118,161)
```
#6270ab
```
#6270ab rgb(98,112,171)
```
#596ab4
```
#596ab4 rgb(89,106,180)
```
#5064bd
```
#5064bd rgb(80,100,189)
```
#475fc6
```
#475fc6 rgb(71,95,198)
```
#3d59d0
```
#3d59d0 rgb(61,89,208)
```
#3453d9
```
#3453d9 rgb(52,83,217)
```
#2b4de2
```
#2b4de2 rgb(43,77,226)
```
#2248eb
```
#2248eb rgb(34,72,235)
```
#1842f5
```
#1842f5 rgb(24,66,245)
```
#0f3cfe
```
#0f3cfe rgb(15,60,254)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#3a436a Atypical Achromatopsia 0.001% of the population

Dichromacy

#0060bc Protanopia 1% of men
#0066a2 Deuteranopia 1% of men
#006d72 Tritanopia 0.001% of the population

Trichromacy

#0553d4 Protanomaly 1% of men, 0.01% of women
#0557c3 Deuteranomaly 6% of men, 0.4% of women
#055ba5 Tritanomaly 0.01% of the population

#0f3cfe hex color

#0f3cfe Color Information

#0f3cfe Color Conversion

Color Schemes with #0f3cfe

Alternatives to #0f3cfe

#0f3cfe Preview

Shades and Tints of #0f3cfe

Tones of #0f3cfe

Color Blindness Simulator