#258cf5 hex color

In a RGB color space, hex #258cf5 is composed of 14.5% red, 54.9% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 42.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 210.3 degrees, a saturation of 91.2% and a lightness of 55.3%. #258cf5 color hex could be obtained by blending #4affff with #0019eb. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 15
- G 55
- B 96
RGB color chart
- C 85
- M 43
- Y 0
- K 4
CMYK color chart

● #258cf5 color description : Bright blue.

The hexadecimal color #258cf5 has RGB values of R:37, G:140, B:245 and CMYK values of C:0.85, M:0.43, Y:0, K:0.04. Its decimal value is 2460917.

Hex triplet	258cf5	`#258cf5`
RGB Decimal	37, 140, 245	`rgb(37,140,245)`
RGB Percent	14.5, 54.9, 96.1	`rgb(14.5%,54.9%,96.1%)`
CMYK	85, 43, 0, 4
HSL	210.3°, 91.2, 55.3	`hsl(210.3,91.2%,55.3%)`
HSV (or HSB)	210.3°, 84.9, 96.1
Web Safe	3399ff	`#3399ff`

CIE-LAB	57.789, 9.072, -60.437
XYZ	26.619, 25.74, 89.947
xyY	0.187, 0.181, 25.74
CIE-LCH	57.789, 61.114, 278.537
CIE-LUV	57.789, -31.437, -96.866
Hunter-Lab	50.734, 4.868, -69.601
Binary	00100101, 10001100, 11110101

#258cf5
```
#258cf5 rgb(37,140,245)
```
#f58e25
```
#f58e25 rgb(245,142,37)
```

Complementary Color

#25f4f5
```
#25f4f5 rgb(37,244,245)
```
#258cf5
```
#258cf5 rgb(37,140,245)
```
#2625f5
```
#2625f5 rgb(38,37,245)
```

Analogous Color

#f4f525
```
#f4f525 rgb(244,245,37)
```
#258cf5
```
#258cf5 rgb(37,140,245)
```
#f52625
```
#f52625 rgb(245,38,37)
```

Split Complementary Color

#8cf525
```
#8cf525 rgb(140,245,37)
```
#258cf5
```
#258cf5 rgb(37,140,245)
```
#f5258c
```
#f5258c rgb(245,37,140)
```

Triadic Color

#25f58e
```
#25f58e rgb(37,245,142)
```
#258cf5
```
#258cf5 rgb(37,140,245)
```
#f5258c
```
#f5258c rgb(245,37,140)
```
#f58e25
```
#f58e25 rgb(245,142,37)
```

Tetradic Color

#0966c4
```
#0966c4 rgb(9,102,196)
```
#0a72dd
```
#0a72dd rgb(10,114,221)
```
#0d7ff4
```
#0d7ff4 rgb(13,127,244)
```
#258cf5
```
#258cf5 rgb(37,140,245)
```
#3d99f6
```
#3d99f6 rgb(61,153,246)
```
#56a6f7
```
#56a6f7 rgb(86,166,247)
```
#6eb3f8
```
#6eb3f8 rgb(110,179,248)
```

Monochromatic Color

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

#25c0f5
```
#25c0f5 rgb(37,192,245)
```
#25aff5
```
#25aff5 rgb(37,175,245)
```
#259df5
```
#259df5 rgb(37,157,245)
```
#258cf5
```
#258cf5 rgb(37,140,245)
```
#257bf5
```
#257bf5 rgb(37,123,245)
```
#2569f5
```
#2569f5 rgb(37,105,245)
```
#2558f5
```
#2558f5 rgb(37,88,245)
```

Similar Colors

Text with hexadecimal color #258cf5

This text has a font color of #258cf5.

<span style="color:#258cf5;">Text here</span>

#258cf5 background color

This paragraph has a background color of #258cf5.

<p style="background-color:#258cf5;">Content here</p>

#258cf5 border color

This element has a border color of #258cf5.

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

CSS codes

.text {color:#258cf5;}

.background {background-color:#258cf5;}

.border {border:1px solid #258cf5;}

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

#000407
```
#000407 rgb(0,4,7)
```
#010d1a
```
#010d1a rgb(1,13,26)
```
#02172d
```
#02172d rgb(2,23,45)
```
#03213f
```
#03213f rgb(3,33,63)
```
#042b52
```
#042b52 rgb(4,43,82)
```
#053465
```
#053465 rgb(5,52,101)
```
#053e78
```
#053e78 rgb(5,62,120)
```
#06488a
```
#06488a rgb(6,72,138)
```
#07519d
```
#07519d rgb(7,81,157)
```
#085bb0
```
#085bb0 rgb(8,91,176)
```
#0965c3
```
#0965c3 rgb(9,101,195)
```
#0a6fd5
```
#0a6fd5 rgb(10,111,213)
```
#0b78e8
```
#0b78e8 rgb(11,120,232)
```

Shade Color Variation

#1282f4
```
#1282f4 rgb(18,130,244)
```
#258cf5
```
#258cf5 rgb(37,140,245)
```
#3896f6
```
#3896f6 rgb(56,150,246)
```
#4ba0f7
```
#4ba0f7 rgb(75,160,247)
```
#5daaf8
```
#5daaf8 rgb(93,170,248)
```
#70b4f8
```
#70b4f8 rgb(112,180,248)
```
#83bdf9
```
#83bdf9 rgb(131,189,249)
```
#96c7fa
```
#96c7fa rgb(150,199,250)
```
#a8d1fb
```
#a8d1fb rgb(168,209,251)
```
#bbdbfc
```
#bbdbfc rgb(187,219,252)
```
#cee5fd
```
#cee5fd rgb(206,229,253)
```
#e1effe
```
#e1effe rgb(225,239,254)
```
#f3f9fe
```
#f3f9fe rgb(243,249,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #858d95 is the less saturated color, while #1c8cfe is the most saturated one.

#858d95
```
#858d95 rgb(133,141,149)
```
#7d8d9d
```
#7d8d9d rgb(125,141,157)
```
#748da6
```
#748da6 rgb(116,141,166)
```
#6b8daf
```
#6b8daf rgb(107,141,175)
```
#628db8
```
#628db8 rgb(98,141,184)
```
#5a8dc0
```
#5a8dc0 rgb(90,141,192)
```
#518cc9
```
#518cc9 rgb(81,140,201)
```
#488cd2
```
#488cd2 rgb(72,140,210)
```
#3f8cdb
```
#3f8cdb rgb(63,140,219)
```
#378ce3
```
#378ce3 rgb(55,140,227)
```
#2e8cec
```
#2e8cec rgb(46,140,236)
```
#258cf5
```
#258cf5 rgb(37,140,245)
```
#1c8cfe
```
#1c8cfe rgb(28,140,254)
```

Tone Color Variation

Below, you can see how #258cf5 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

#797979 Achromatopsia 0.005% of the population
#687d92 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e8df1 Protanopia 1% of men
#1893f5 Deuteranopia 1% of men
#009fa8 Tritanopia 0.001% of the population

Trichromacy

#498df2 Protanomaly 1% of men, 0.01% of women
#1c90f5 Deuteranomaly 6% of men, 0.4% of women
#0d98c4 Tritanomaly 0.01% of the population

#258cf5 hex color

#258cf5 Color Information

#258cf5 Color Conversion

Color Schemes with #258cf5

Alternatives to #258cf5

#258cf5 Preview

Shades and Tints of #258cf5

Tones of #258cf5

Color Blindness Simulator