#255bf2 hex color

In a RGB color space, hex #255bf2 is composed of 14.5% red, 35.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 84.7% cyan, 62.4% magenta, 0% yellow and 5.1% black. It has a hue angle of 224.2 degrees, a saturation of 88.7% and a lightness of 54.7%. #255bf2 color hex could be obtained by blending #4ab6ff with #0000e5. Closest websafe color is: #3366ff.

♥
- f
- t
- g
- R 15
- G 36
- B 95
RGB color chart
- C 85
- M 62
- Y 0
- K 5
CMYK color chart

● #255bf2 color description : Bright blue.

The hexadecimal color #255bf2 has RGB values of R:37, G:91, B:242 and CMYK values of C:0.85, M:0.62, Y:0, K:0.05. Its decimal value is 2448370.

Hex triplet	255bf2	`#255bf2`
RGB Decimal	37, 91, 242	`rgb(37,91,242)`
RGB Percent	14.5, 35.7, 94.9	`rgb(14.5%,35.7%,94.9%)`
CMYK	85, 62, 0, 5
HSL	224.2°, 88.7, 54.7	`hsl(224.2,88.7%,54.7%)`
HSV (or HSB)	224.2°, 84.7, 94.9
Web Safe	3366ff	`#3366ff`

CIE-LAB	44.638, 38.615, -80.092
XYZ	20.528, 14.285, 85.675
xyY	0.17, 0.119, 14.285
CIE-LCH	44.638, 88.915, 295.74
CIE-LUV	44.638, -17.924, -120.085
Hunter-Lab	37.795, 30.807, -107.944
Binary	00100101, 01011011, 11110010

#255bf2
```
#255bf2 rgb(37,91,242)
```
#f2bc25
```
#f2bc25 rgb(242,188,37)
```

Complementary Color

#25c2f2
```
#25c2f2 rgb(37,194,242)
```
#255bf2
```
#255bf2 rgb(37,91,242)
```
#5525f2
```
#5525f2 rgb(85,37,242)
```

Analogous Color

#c2f225
```
#c2f225 rgb(194,242,37)
```
#255bf2
```
#255bf2 rgb(37,91,242)
```
#f25525
```
#f25525 rgb(242,85,37)
```

Split Complementary Color

#5bf225
```
#5bf225 rgb(91,242,37)
```
#255bf2
```
#255bf2 rgb(37,91,242)
```
#f2255b
```
#f2255b rgb(242,37,91)
```

Triadic Color

#25f2bc
```
#25f2bc rgb(37,242,188)
```
#255bf2
```
#255bf2 rgb(37,91,242)
```
#f2255b
```
#f2255b rgb(242,37,91)
```
#f2bc25
```
#f2bc25 rgb(242,188,37)
```

Tetradic Color

#0b3bbf
```
#0b3bbf rgb(11,59,191)
```
#0d42d7
```
#0d42d7 rgb(13,66,215)
```
#0e4aef
```
#0e4aef rgb(14,74,239)
```
#255bf2
```
#255bf2 rgb(37,91,242)
```
#3d6df3
```
#3d6df3 rgb(61,109,243)
```
#557ff5
```
#557ff5 rgb(85,127,245)
```
#6d91f6
```
#6d91f6 rgb(109,145,246)
```

Monochromatic Color

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

#258ef2
```
#258ef2 rgb(37,142,242)
```
#257df2
```
#257df2 rgb(37,125,242)
```
#256cf2
```
#256cf2 rgb(37,108,242)
```
#255bf2
```
#255bf2 rgb(37,91,242)
```
#254af2
```
#254af2 rgb(37,74,242)
```
#2539f2
```
#2539f2 rgb(37,57,242)
```
#2528f2
```
#2528f2 rgb(37,40,242)
```

Similar Colors

Text with hexadecimal color #255bf2

This text has a font color of #255bf2.

<span style="color:#255bf2;">Text here</span>

#255bf2 background color

This paragraph has a background color of #255bf2.

<p style="background-color:#255bf2;">Content here</p>

#255bf2 border color

This element has a border color of #255bf2.

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

CSS codes

.text {color:#255bf2;}

.background {background-color:#255bf2;}

.border {border:1px solid #255bf2;}

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

#000104
```
#000104 rgb(0,1,4)
```
#010717
```
#010717 rgb(1,7,23)
```
#020d29
```
#020d29 rgb(2,13,41)
```
#04123c
```
#04123c rgb(4,18,60)
```
#05184e
```
#05184e rgb(5,24,78)
```
#061e61
```
#061e61 rgb(6,30,97)
```
#072373
```
#072373 rgb(7,35,115)
```
#082986
```
#082986 rgb(8,41,134)
```
#092f98
```
#092f98 rgb(9,47,152)
```
#0a34ab
```
#0a34ab rgb(10,52,171)
```
#0b3abd
```
#0b3abd rgb(11,58,189)
```
#0c40d0
```
#0c40d0 rgb(12,64,208)
```
#0d46e2
```
#0d46e2 rgb(13,70,226)
```

Shade Color Variation

#124df1
```
#124df1 rgb(18,77,241)
```
#255bf2
```
#255bf2 rgb(37,91,242)
```
#3869f3
```
#3869f3 rgb(56,105,243)
```
#4a77f4
```
#4a77f4 rgb(74,119,244)
```
#5d85f5
```
#5d85f5 rgb(93,133,245)
```
#6f93f6
```
#6f93f6 rgb(111,147,246)
```
#82a1f8
```
#82a1f8 rgb(130,161,248)
```
#94aff9
```
#94aff9 rgb(148,175,249)
```
#a7bcfa
```
#a7bcfa rgb(167,188,250)
```
#b9cafb
```
#b9cafb rgb(185,202,251)
```
#ccd8fc
```
#ccd8fc rgb(204,216,252)
```
#dee6fd
```
#dee6fd rgb(222,230,253)
```
#f1f4fe
```
#f1f4fe rgb(241,244,254)
```

Tint Color Variation

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

#878990
```
#878990 rgb(135,137,144)
```
#7e8599
```
#7e8599 rgb(126,133,153)
```
#7581a2
```
#7581a2 rgb(117,129,162)
```
#6c7dab
```
#6c7dab rgb(108,125,171)
```
#6378b4
```
#6378b4 rgb(99,120,180)
```
#5a74bd
```
#5a74bd rgb(90,116,189)
```
#5170c6
```
#5170c6 rgb(81,112,198)
```
#496cce
```
#496cce rgb(73,108,206)
```
#4068d7
```
#4068d7 rgb(64,104,215)
```
#3763e0
```
#3763e0 rgb(55,99,224)
```
#2e5fe9
```
#2e5fe9 rgb(46,95,233)
```
#255bf2
```
#255bf2 rgb(37,91,242)
```
#1c57fb
```
#1c57fb rgb(28,87,251)
```

Tone Color Variation

Below, you can see how #255bf2 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

#5c5c5c Achromatopsia 0.005% of the population
#515c7a Atypical Achromatopsia 0.001% of the population

Dichromacy

#006dd6 Protanopia 1% of men
#0074ba Deuteranopia 1% of men
#007c83 Tritanopia 0.001% of the population

Trichromacy

#0d67e0 Protanomaly 1% of men, 0.01% of women
#0d6bce Deuteranomaly 6% of men, 0.4% of women
#0d70ab Tritanomaly 0.01% of the population

#255bf2 hex color

#255bf2 Color Information

#255bf2 Color Conversion

Color Schemes with #255bf2

Alternatives to #255bf2

#255bf2 Preview

Shades and Tints of #255bf2

Tones of #255bf2

Color Blindness Simulator