colorhexa.com

#0258f5 hex color

In a RGB color space, hex #0258f5 is composed of 0.8% red, 34.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 99.2% cyan, 64.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 218.8 degrees, a saturation of 98.4% and a lightness of 48.4%. #0258f5 color hex could be obtained by blending #04b0ff with #0000eb. Closest websafe color is: #0066ff.

- R 1
- G 35
- B 96
RGB color chart
- C 99
- M 64
- Y 0
- K 4
CMYK color chart

● #0258f5 color description : Vivid blue.

The hexadecimal color #0258f5 has RGB values of R:2, G:88, B:245 and CMYK values of C:0.99, M:0.64, Y:0, K:0.04. Its decimal value is 153845.

Hex triplet	0258f5	`#0258f5`
RGB Decimal	2, 88, 245	`rgb(2,88,245)`
RGB Percent	0.8, 34.5, 96.1	`rgb(0.8%,34.5%,96.1%)`
CMYK	99, 64, 0, 4
HSL	218.8°, 98.4, 48.4	`hsl(218.8,98.4%,48.4%)`
HSV (or HSB)	218.8°, 99.2, 96.1
Web Safe	0066ff	`#0066ff`

CIE-LAB	43.629, 40.337, -83.452
XYZ	19.993, 13.583, 87.949
xyY	0.165, 0.112, 13.583
CIE-LCH	43.629, 92.689, 295.797
CIE-LUV	43.629, -19.186, -123.427
Hunter-Lab	36.855, 32.333, -115.687
Binary	00000010, 01011000, 11110101

#0258f5
```
#0258f5 rgb(2,88,245)
```
#f59f02
```
#f59f02 rgb(245,159,2)
```

Complementary Color

#02d2f5
```
#02d2f5 rgb(2,210,245)
```
#0258f5
```
#0258f5 rgb(2,88,245)
```
#2502f5
```
#2502f5 rgb(37,2,245)
```

Analogous Color

#d2f502
```
#d2f502 rgb(210,245,2)
```
#0258f5
```
#0258f5 rgb(2,88,245)
```
#f52502
```
#f52502 rgb(245,37,2)
```

Split Complementary Color

#013da9
```
#013da9 rgb(1,61,169)
```
#0246c2
```
#0246c2 rgb(2,70,194)
```
#024fdc
```
#024fdc rgb(2,79,220)
```
#0258f5
```
#0258f5 rgb(2,88,245)
```
#1366fd
```
#1366fd rgb(19,102,253)
```
#2d77fd
```
#2d77fd rgb(45,119,253)
```
#4687fd
```
#4687fd rgb(70,135,253)
```

Monochromatic Color

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

#0295f5
```
#0295f5 rgb(2,149,245)
```
#0281f5
```
#0281f5 rgb(2,129,245)
```
#026cf5
```
#026cf5 rgb(2,108,245)
```
#0258f5
```
#0258f5 rgb(2,88,245)
```
#0244f5
```
#0244f5 rgb(2,68,245)
```
#0230f5
```
#0230f5 rgb(2,48,245)
```
#021bf5
```
#021bf5 rgb(2,27,245)
```

Similar Colors

Text with hexadecimal color #0258f5

This text has a font color of #0258f5.

<span style="color:#0258f5;">Text here</span>

#0258f5 background color

This paragraph has a background color of #0258f5.

<p style="background-color:#0258f5;">Content here</p>

#0258f5 border color

This element has a border color of #0258f5.

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

CSS codes

.text {color:#0258f5;}

.background {background-color:#0258f5;}

.border {border:1px solid #0258f5;}

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, #00040c is the darkest color, while #f7faff is the lightest one.

#00040c
```
#00040c rgb(0,4,12)
```
#000b1f
```
#000b1f rgb(0,11,31)
```
#001232
```
#001232 rgb(0,18,50)
```
#011946
```
#011946 rgb(1,25,70)
```
#012059
```
#012059 rgb(1,32,89)
```
#01276d
```
#01276d rgb(1,39,109)
```
#012e80
```
#012e80 rgb(1,46,128)
```
#013594
```
#013594 rgb(1,53,148)
```
#013ca7
```
#013ca7 rgb(1,60,167)
```
#0243bb
```
#0243bb rgb(2,67,187)
```
#024ace
```
#024ace rgb(2,74,206)
```
#0251e2
```
#0251e2 rgb(2,81,226)
```
#0258f5
```
#0258f5 rgb(2,88,245)
```

Shade Color Variation

#0e62fd
```
#0e62fd rgb(14,98,253)
```
#216ffd
```
#216ffd rgb(33,111,253)
```
#347cfd
```
#347cfd rgb(52,124,253)
```
#4888fe
```
#4888fe rgb(72,136,254)
```
#5b95fe
```
#5b95fe rgb(91,149,254)
```
#6fa1fe
```
#6fa1fe rgb(111,161,254)
```
#82aefe
```
#82aefe rgb(130,174,254)
```
#96bbfe
```
#96bbfe rgb(150,187,254)
```
#a9c7fe
```
#a9c7fe rgb(169,199,254)
```
#bdd4fe
```
#bdd4fe rgb(189,212,254)
```
#d0e1ff
```
#d0e1ff rgb(208,225,255)
```
#e4edff
```
#e4edff rgb(228,237,255)
```
#f7faff
```
#f7faff rgb(247,250,255)
```

Tint Color Variation

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

#747983
```
#747983 rgb(116,121,131)
```
#6b778d
```
#6b778d rgb(107,119,141)
```
#617496
```
#617496 rgb(97,116,150)
```
#5871a0
```
#5871a0 rgb(88,113,160)
```
#4e6ea9
```
#4e6ea9 rgb(78,110,169)
```
#456bb3
```
#456bb3 rgb(69,107,179)
```
#3b69bc
```
#3b69bc rgb(59,105,188)
```
#3266c6
```
#3266c6 rgb(50,102,198)
```
#2863cf
```
#2863cf rgb(40,99,207)
```
#1f60d9
```
#1f60d9 rgb(31,96,217)
```
#155ee2
```
#155ee2 rgb(21,94,226)
```
#0c5bec
```
#0c5bec rgb(12,91,236)
```
#0258f5
```
#0258f5 rgb(2,88,245)
```

Tone Color Variation

Below, you can see how #0258f5 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

#505050 Achromatopsia 0.005% of the population
#405271 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd2 Protanopia 1% of men
#0071b6 Deuteranopia 1% of men
#007a7f Tritanopia 0.001% of the population

Trichromacy

#0064de Protanomaly 1% of men, 0.01% of women
#0068cd Deuteranomaly 6% of men, 0.4% of women
#006daa Tritanomaly 0.01% of the population