#258aaf hex color

In a RGB color space, hex #258aaf is composed of 14.5% red, 54.1% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 21.1% magenta, 0% yellow and 31.4% black. It has a hue angle of 196.1 degrees, a saturation of 65.1% and a lightness of 41.6%. #258aaf color hex could be obtained by blending #4affff with #00155f. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 15
- G 54
- B 69
RGB color chart
- C 79
- M 21
- Y 0
- K 31
CMYK color chart

● #258aaf color description : Dark blue.

The hexadecimal color #258aaf has RGB values of R:37, G:138, B:175 and CMYK values of C:0.79, M:0.21, Y:0, K:0.31. Its decimal value is 2460335.

Hex triplet	258aaf	`#258aaf`
RGB Decimal	37, 138, 175	`rgb(37,138,175)`
RGB Percent	14.5, 54.1, 68.6	`rgb(14.5%,54.1%,68.6%)`
CMYK	79, 21, 0, 31
HSL	196.1°, 65.1, 41.6	`hsl(196.1,65.1%,41.6%)`
HSV (or HSB)	196.1°, 78.9, 68.6
Web Safe	339999	`#339999`

CIE-LAB	53.668, -15.375, -27.532
XYZ	17.587, 21.664, 43.81
xyY	0.212, 0.261, 21.664
CIE-LCH	53.668, 31.534, 240.819
CIE-LUV	53.668, -34.477, -39.751
Hunter-Lab	46.544, -14.005, -23.225
Binary	00100101, 10001010, 10101111

#258aaf
```
#258aaf rgb(37,138,175)
```
#af4a25
```
#af4a25 rgb(175,74,37)
```

Complementary Color

#25af8f
```
#25af8f rgb(37,175,143)
```
#258aaf
```
#258aaf rgb(37,138,175)
```
#2545af
```
#2545af rgb(37,69,175)
```

Analogous Color

#af8f25
```
#af8f25 rgb(175,143,37)
```
#258aaf
```
#258aaf rgb(37,138,175)
```
#af2545
```
#af2545 rgb(175,37,69)
```

Split Complementary Color

#8aaf25
```
#8aaf25 rgb(138,175,37)
```
#258aaf
```
#258aaf rgb(37,138,175)
```
#af258a
```
#af258a rgb(175,37,138)
```

Triadic Color

#25af4a
```
#25af4a rgb(37,175,74)
```
#258aaf
```
#258aaf rgb(37,138,175)
```
#af258a
```
#af258a rgb(175,37,138)
```
#af4a25
```
#af4a25 rgb(175,74,37)
```

Tetradic Color

#185870
```
#185870 rgb(24,88,112)
```
#1c6985
```
#1c6985 rgb(28,105,133)
```
#21799a
```
#21799a rgb(33,121,154)
```
#258aaf
```
#258aaf rgb(37,138,175)
```
#299bc4
```
#299bc4 rgb(41,155,196)
```
#33a9d4
```
#33a9d4 rgb(51,169,212)
```
#48b2d8
```
#48b2d8 rgb(72,178,216)
```

Monochromatic Color

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

#25adaf
```
#25adaf rgb(37,173,175)
```
#25a1af
```
#25a1af rgb(37,161,175)
```
#2596af
```
#2596af rgb(37,150,175)
```
#258aaf
```
#258aaf rgb(37,138,175)
```
#257faf
```
#257faf rgb(37,127,175)
```
#2573af
```
#2573af rgb(37,115,175)
```
#2568af
```
#2568af rgb(37,104,175)
```

Similar Colors

Text with hexadecimal color #258aaf

This text has a font color of #258aaf.

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

#258aaf background color

This paragraph has a background color of #258aaf.

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

#258aaf border color

This element has a border color of #258aaf.

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

CSS codes

.text {color:#258aaf;}

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

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

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, #030a0d is the darkest color, while #fcfefe is the lightest one.

#030a0d
```
#030a0d rgb(3,10,13)
```
#06171d
```
#06171d rgb(6,23,29)
```
#0a242d
```
#0a242d rgb(10,36,45)
```
#0d313e
```
#0d313e rgb(13,49,62)
```
#103d4e
```
#103d4e rgb(16,61,78)
```
#144a5e
```
#144a5e rgb(20,74,94)
```
#17576e
```
#17576e rgb(23,87,110)
```
#1b647e
```
#1b647e rgb(27,100,126)
```
#1e708f
```
#1e708f rgb(30,112,143)
```
#227d9f
```
#227d9f rgb(34,125,159)
```
#258aaf
```
#258aaf rgb(37,138,175)
```
#2897bf
```
#2897bf rgb(40,151,191)
```
#2ca4cf
```
#2ca4cf rgb(44,164,207)
```

Shade Color Variation

#3aacd5
```
#3aacd5 rgb(58,172,213)
```
#4ab2d9
```
#4ab2d9 rgb(74,178,217)
```
#5ab9dc
```
#5ab9dc rgb(90,185,220)
```
#6ac0e0
```
#6ac0e0 rgb(106,192,224)
```
#7ac7e3
```
#7ac7e3 rgb(122,199,227)
```
#8bcee6
```
#8bcee6 rgb(139,206,230)
```
#9bd5ea
```
#9bd5ea rgb(155,213,234)
```
#abdbed
```
#abdbed rgb(171,219,237)
```
#bbe2f1
```
#bbe2f1 rgb(187,226,241)
```
#cbe9f4
```
#cbe9f4 rgb(203,233,244)
```
#dcf0f7
```
#dcf0f7 rgb(220,240,247)
```
#ecf7fb
```
#ecf7fb rgb(236,247,251)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #666c6e is the less saturated color, while #0499d0 is the most saturated one.

#666c6e
```
#666c6e rgb(102,108,110)
```
#5e7076
```
#5e7076 rgb(94,112,118)
```
#56737e
```
#56737e rgb(86,115,126)
```
#4e7786
```
#4e7786 rgb(78,119,134)
```
#467b8e
```
#467b8e rgb(70,123,142)
```
#3d7f97
```
#3d7f97 rgb(61,127,151)
```
#35829f
```
#35829f rgb(53,130,159)
```
#2d86a7
```
#2d86a7 rgb(45,134,167)
```
#258aaf
```
#258aaf rgb(37,138,175)
```
#1d8eb7
```
#1d8eb7 rgb(29,142,183)
```
#1592bf
```
#1592bf rgb(21,146,191)
```
#0d95c7
```
#0d95c7 rgb(13,149,199)
```
#0499d0
```
#0499d0 rgb(4,153,208)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#61757d Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b85ab Protanopia 1% of men
#7485b7 Deuteranopia 1% of men
#00939e Tritanopia 0.001% of the population

Trichromacy

#5c87ad Protanomaly 1% of men, 0.01% of women
#5787b4 Deuteranomaly 6% of men, 0.4% of women
#0d90a4 Tritanomaly 0.01% of the population

#258aaf hex color

#258aaf Color Information

#258aaf Color Conversion

Color Schemes with #258aaf

Alternatives to #258aaf

#258aaf Preview

Shades and Tints of #258aaf

Tones of #258aaf

Color Blindness Simulator