#25a5fe hex color

In a RGB color space, hex #25a5fe is composed of 14.5% red, 64.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 85.4% cyan, 35% magenta, 0% yellow and 0.4% black. It has a hue angle of 204.6 degrees, a saturation of 99.1% and a lightness of 57.1%. #25a5fe color hex could be obtained by blending #4affff with #004bfd. Closest websafe color is: #3399ff.

♥
- f
- t
- g
- R 15
- G 65
- B 100
RGB color chart
- C 85
- M 35
- Y 0
- K 0
CMYK color chart

● #25a5fe color description : Vivid blue.

The hexadecimal color #25a5fe has RGB values of R:37, G:165, B:254 and CMYK values of C:0.85, M:0.35, Y:0, K:0. Its decimal value is 2467326.

Hex triplet	25a5fe	`#25a5fe`
RGB Decimal	37, 165, 254	`rgb(37,165,254)`
RGB Percent	14.5, 64.7, 99.6	`rgb(14.5%,64.7%,99.6%)`
CMYK	85, 35, 0, 0
HSL	204.6°, 99.1, 57.1	`hsl(204.6,99.1%,57.1%)`
HSV (or HSB)	204.6°, 85.4, 99.6
Web Safe	3399ff	`#3399ff`

CIE-LAB	65.323, -2.322, -53.36
XYZ	32.103, 34.456, 98.719
xyY	0.194, 0.208, 34.456
CIE-LCH	65.323, 53.411, 267.508
CIE-LUV	65.323, -38.971, -86.102
Hunter-Lab	58.7, -5.102, -58.622
Binary	00100101, 10100101, 11111110

#25a5fe
```
#25a5fe rgb(37,165,254)
```
#fe7e25
```
#fe7e25 rgb(254,126,37)
```

Complementary Color

#25feeb
```
#25feeb rgb(37,254,235)
```
#25a5fe
```
#25a5fe rgb(37,165,254)
```
#2538fe
```
#2538fe rgb(37,56,254)
```

Analogous Color

#feeb25
```
#feeb25 rgb(254,235,37)
```
#25a5fe
```
#25a5fe rgb(37,165,254)
```
#fe2539
```
#fe2539 rgb(254,37,57)
```

Split Complementary Color

#a5fe25
```
#a5fe25 rgb(165,254,37)
```
#25a5fe
```
#25a5fe rgb(37,165,254)
```
#fe25a5
```
#fe25a5 rgb(254,37,165)
```

Triadic Color

#25fe7e
```
#25fe7e rgb(37,254,126)
```
#25a5fe
```
#25a5fe rgb(37,165,254)
```
#fe25a5
```
#fe25a5 rgb(254,37,165)
```
#fe7e25
```
#fe7e25 rgb(254,126,37)
```

Tetradic Color

#017ed6
```
#017ed6 rgb(1,126,214)
```
#018def
```
#018def rgb(1,141,239)
```
#0c9bfe
```
#0c9bfe rgb(12,155,254)
```
#25a5fe
```
#25a5fe rgb(37,165,254)
```
#3eaffe
```
#3eaffe rgb(62,175,254)
```
#58bafe
```
#58bafe rgb(88,186,254)
```
#71c4fe
```
#71c4fe rgb(113,196,254)
```

Monochromatic Color

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

#25dbfe
```
#25dbfe rgb(37,219,254)
```
#25c9fe
```
#25c9fe rgb(37,201,254)
```
#25b7fe
```
#25b7fe rgb(37,183,254)
```
#25a5fe
```
#25a5fe rgb(37,165,254)
```
#2593fe
```
#2593fe rgb(37,147,254)
```
#2581fe
```
#2581fe rgb(37,129,254)
```
#256ffe
```
#256ffe rgb(37,111,254)
```

Similar Colors

Text with hexadecimal color #25a5fe

This text has a font color of #25a5fe.

<span style="color:#25a5fe;">Text here</span>

#25a5fe background color

This paragraph has a background color of #25a5fe.

<p style="background-color:#25a5fe;">Content here</p>

#25a5fe border color

This element has a border color of #25a5fe.

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

CSS codes

.text {color:#25a5fe;}

.background {background-color:#25a5fe;}

.border {border:1px solid #25a5fe;}

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, #000a10 is the darkest color, while #fcfeff is the lightest one.

#000a10
```
#000a10 rgb(0,10,16)
```
#001524
```
#001524 rgb(0,21,36)
```
#002137
```
#002137 rgb(0,33,55)
```
#002c4b
```
#002c4b rgb(0,44,75)
```
#00385e
```
#00385e rgb(0,56,94)
```
#014372
```
#014372 rgb(1,67,114)
```
#014f85
```
#014f85 rgb(1,79,133)
```
#015b99
```
#015b99 rgb(1,91,153)
```
#0166ad
```
#0166ad rgb(1,102,173)
```
#0172c0
```
#0172c0 rgb(1,114,192)
```
#017dd4
```
#017dd4 rgb(1,125,212)
```
#0189e7
```
#0189e7 rgb(1,137,231)
```
#0194fb
```
#0194fb rgb(1,148,251)
```

Shade Color Variation

#119dfe
```
#119dfe rgb(17,157,254)
```
#25a5fe
```
#25a5fe rgb(37,165,254)
```
#39adfe
```
#39adfe rgb(57,173,254)
```
#4cb5fe
```
#4cb5fe rgb(76,181,254)
```
#60bdfe
```
#60bdfe rgb(96,189,254)
```
#73c5fe
```
#73c5fe rgb(115,197,254)
```
#87cdfe
```
#87cdfe rgb(135,205,254)
```
#9ad5ff
```
#9ad5ff rgb(154,213,255)
```
#aeddff
```
#aeddff rgb(174,221,255)
```
#c1e5ff
```
#c1e5ff rgb(193,229,255)
```
#d5eeff
```
#d5eeff rgb(213,238,255)
```
#e8f6ff
```
#e8f6ff rgb(232,246,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a9399 is the less saturated color, while #25a5fe is the most saturated one.

#8a9399
```
#8a9399 rgb(138,147,153)
```
#8294a1
```
#8294a1 rgb(130,148,161)
```
#7996aa
```
#7996aa rgb(121,150,170)
```
#7197b2
```
#7197b2 rgb(113,151,178)
```
#6899bb
```
#6899bb rgb(104,153,187)
```
#609ac3
```
#609ac3 rgb(96,154,195)
```
#589ccb
```
#589ccb rgb(88,156,203)
```
#4f9dd4
```
#4f9dd4 rgb(79,157,212)
```
#479fdc
```
#479fdc rgb(71,159,220)
```
#3ea0e5
```
#3ea0e5 rgb(62,160,229)
```
#36a2ed
```
#36a2ed rgb(54,162,237)
```
#2da3f6
```
#2da3f6 rgb(45,163,246)
```
#25a5fe
```
#25a5fe rgb(37,165,254)
```

Tone Color Variation

Below, you can see how #25a5fe 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

#898989 Achromatopsia 0.005% of the population
#758fa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#80a0f7 Protanopia 1% of men
#64a4ff Deuteranopia 1% of men
#00b3bf Tritanopia 0.001% of the population

Trichromacy

#5fa2f9 Protanomaly 1% of men, 0.01% of women
#4da4fe Deuteranomaly 6% of men, 0.4% of women
#0daed6 Tritanomaly 0.01% of the population

#25a5fe hex color

#25a5fe Color Information

#25a5fe Color Conversion

Color Schemes with #25a5fe

Alternatives to #25a5fe

#25a5fe Preview

Shades and Tints of #25a5fe

Tones of #25a5fe

Color Blindness Simulator