#0948f2 hex color

In a RGB color space, hex #0948f2 is composed of 3.5% red, 28.2% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 96.3% cyan, 70.2% magenta, 0% yellow and 5.1% black. It has a hue angle of 223.8 degrees, a saturation of 92.8% and a lightness of 49.2%. #0948f2 color hex could be obtained by blending #1290ff with #0000e5. Closest websafe color is: #0033ff.

♥
- f
- t
- g
- R 4
- G 28
- B 95
RGB color chart
- C 96
- M 70
- Y 0
- K 5
CMYK color chart

● #0948f2 color description : Vivid blue.

The hexadecimal color #0948f2 has RGB values of R:9, G:72, B:242 and CMYK values of C:0.96, M:0.7, Y:0, K:0.05. Its decimal value is 608498.

Hex triplet	0948f2	`#0948f2`
RGB Decimal	9, 72, 242	`rgb(9,72,242)`
RGB Percent	3.5, 28.2, 94.9	`rgb(3.5%,28.2%,94.9%)`
CMYK	96, 70, 0, 5
HSL	223.8°, 92.8, 49.2	`hsl(223.8,92.8%,49.2%)`
HSV (or HSB)	223.8°, 96.3, 94.9
Web Safe	0033ff	`#0033ff`

CIE-LAB	39.752, 49.215, -88.153
XYZ	18.454, 11.102, 85.17
xyY	0.161, 0.097, 11.102
CIE-LCH	39.752, 100.961, 299.174
CIE-LUV	39.752, -15.641, -124.803
Hunter-Lab	33.32, 40.55, -128.229
Binary	00001001, 01001000, 11110010

#0948f2
```
#0948f2 rgb(9,72,242)
```
#f2b309
```
#f2b309 rgb(242,179,9)
```

Complementary Color

#09bdf2
```
#09bdf2 rgb(9,189,242)
```
#0948f2
```
#0948f2 rgb(9,72,242)
```
#3f09f2
```
#3f09f2 rgb(63,9,242)
```

Analogous Color

#bdf209
```
#bdf209 rgb(189,242,9)
```
#0948f2
```
#0948f2 rgb(9,72,242)
```
#f23f09
```
#f23f09 rgb(242,63,9)
```

Split Complementary Color

#48f209
```
#48f209 rgb(72,242,9)
```
#0948f2
```
#0948f2 rgb(9,72,242)
```
#f20948
```
#f20948 rgb(242,9,72)
```

Triadic Color

#09f2b3
```
#09f2b3 rgb(9,242,179)
```
#0948f2
```
#0948f2 rgb(9,72,242)
```
#f20948
```
#f20948 rgb(242,9,72)
```
#f2b309
```
#f2b309 rgb(242,179,9)
```

Tetradic Color

#0632a8
```
#0632a8 rgb(6,50,168)
```
#0739c1
```
#0739c1 rgb(7,57,193)
```
#0841d9
```
#0841d9 rgb(8,65,217)
```
#0948f2
```
#0948f2 rgb(9,72,242)
```
#1e58f7
```
#1e58f7 rgb(30,88,247)
```
#366bf8
```
#366bf8 rgb(54,107,248)
```
#4f7df8
```
#4f7df8 rgb(79,125,248)
```

Monochromatic Color

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

#0982f2
```
#0982f2 rgb(9,130,242)
```
#096ff2
```
#096ff2 rgb(9,111,242)
```
#095bf2
```
#095bf2 rgb(9,91,242)
```
#0948f2
```
#0948f2 rgb(9,72,242)
```
#0935f2
```
#0935f2 rgb(9,53,242)
```
#0921f2
```
#0921f2 rgb(9,33,242)
```
#090ef2
```
#090ef2 rgb(9,14,242)
```

Similar Colors

Text with hexadecimal color #0948f2

This text has a font color of #0948f2.

<span style="color:#0948f2;">Text here</span>

#0948f2 background color

This paragraph has a background color of #0948f2.

<p style="background-color:#0948f2;">Content here</p>

#0948f2 border color

This element has a border color of #0948f2.

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

CSS codes

.text {color:#0948f2;}

.background {background-color:#0948f2;}

.border {border:1px solid #0948f2;}

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, #01040f is the darkest color, while #fbfcff is the lightest one.

#01040f
```
#01040f rgb(1,4,15)
```
#010a22
```
#010a22 rgb(1,10,34)
```
#021035
```
#021035 rgb(2,16,53)
```
#031548
```
#031548 rgb(3,21,72)
```
#031b5b
```
#031b5b rgb(3,27,91)
```
#04216e
```
#04216e rgb(4,33,110)
```
#052681
```
#052681 rgb(5,38,129)
```
#052c93
```
#052c93 rgb(5,44,147)
```
#0631a6
```
#0631a6 rgb(6,49,166)
```
#0737b9
```
#0737b9 rgb(7,55,185)
```
#083dcc
```
#083dcc rgb(8,61,204)
```
#0842df
```
#0842df rgb(8,66,223)
```
#0948f2
```
#0948f2 rgb(9,72,242)
```

Shade Color Variation

#1854f6
```
#1854f6 rgb(24,84,246)
```
#2b62f7
```
#2b62f7 rgb(43,98,247)
```
#3e70f8
```
#3e70f8 rgb(62,112,248)
```
#517ef9
```
#517ef9 rgb(81,126,249)
```
#648cf9
```
#648cf9 rgb(100,140,249)
```
#779afa
```
#779afa rgb(119,154,250)
```
#8aa8fb
```
#8aa8fb rgb(138,168,251)
```
#9db6fb
```
#9db6fb rgb(157,182,251)
```
#afc4fc
```
#afc4fc rgb(175,196,252)
```
#c2d2fd
```
#c2d2fd rgb(194,210,253)
```
#d5e0fd
```
#d5e0fd rgb(213,224,253)
```
#e8eefe
```
#e8eefe rgb(232,238,254)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#7d7d7e
```
#7d7d7e rgb(125,125,126)
```
#737988
```
#737988 rgb(115,121,136)
```
#6a7491
```
#6a7491 rgb(106,116,145)
```
#60709b
```
#60709b rgb(96,112,155)
```
#566ba5
```
#566ba5 rgb(86,107,165)
```
#4d67ae
```
#4d67ae rgb(77,103,174)
```
#4363b8
```
#4363b8 rgb(67,99,184)
```
#395ec2
```
#395ec2 rgb(57,94,194)
```
#305acb
```
#305acb rgb(48,90,203)
```
#2655d5
```
#2655d5 rgb(38,85,213)
```
#1c51df
```
#1c51df rgb(28,81,223)
```
#134ce8
```
#134ce8 rgb(19,76,232)
```
#0948f2
```
#0948f2 rgb(9,72,242)
```

Tone Color Variation

Below, you can see how #0948f2 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

#494949 Achromatopsia 0.005% of the population
#3c496b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0063c0 Protanopia 1% of men
#0068a6 Deuteranopia 1% of men
#007075 Tritanopia 0.001% of the population

Trichromacy

#0359d2 Protanomaly 1% of men, 0.01% of women
#035cc2 Deuteranomaly 6% of men, 0.4% of women
#0361a2 Tritanomaly 0.01% of the population

#0948f2 hex color

#0948f2 Color Information

#0948f2 Color Conversion

Color Schemes with #0948f2

Alternatives to #0948f2

#0948f2 Preview

Shades and Tints of #0948f2

Tones of #0948f2

Color Blindness Simulator