#125a77 hex color

In a RGB color space, hex #125a77 is composed of 7.1% red, 35.3% green and 46.7% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 24.4% magenta, 0% yellow and 53.3% black. It has a hue angle of 197.2 degrees, a saturation of 73.7% and a lightness of 26.9%. #125a77 color hex could be obtained by blending #24b4ee with #000000. Closest websafe color is: #006666.

♥
- f
- t
- g
- R 7
- G 35
- B 47
RGB color chart
- C 85
- M 24
- Y 0
- K 53
CMYK color chart

● #125a77 color description : Dark blue.

The hexadecimal color #125a77 has RGB values of R:18, G:90, B:119 and CMYK values of C:0.85, M:0.24, Y:0, K:0.53. Its decimal value is 1202807.

Hex triplet	125a77	`#125a77`
RGB Decimal	18, 90, 119	`rgb(18,90,119)`
RGB Percent	7.1, 35.3, 46.7	`rgb(7.1%,35.3%,46.7%)`
CMYK	85, 24, 0, 53
HSL	197.2°, 73.7, 26.9	`hsl(197.2,73.7%,26.9%)`
HSV (or HSB)	197.2°, 84.9, 46.7
Web Safe	006666	`#006666`

CIE-LAB	35.542, -10.265, -22.431
XYZ	7.235, 8.772, 18.764
xyY	0.208, 0.252, 8.772
CIE-LCH	35.542, 24.669, 245.41
CIE-LUV	35.542, -22.881, -29.428
Hunter-Lab	29.618, -8.23, -16.829
Binary	00010010, 01011010, 01110111

#125a77
```
#125a77 rgb(18,90,119)
```
#772f12
```
#772f12 rgb(119,47,18)
```

Complementary Color

#127762
```
#127762 rgb(18,119,98)
```
#125a77
```
#125a77 rgb(18,90,119)
```
#122877
```
#122877 rgb(18,40,119)
```

Analogous Color

#776212
```
#776212 rgb(119,98,18)
```
#125a77
```
#125a77 rgb(18,90,119)
```
#771228
```
#771228 rgb(119,18,40)
```

Split Complementary Color

#5a7712
```
#5a7712 rgb(90,119,18)
```
#125a77
```
#125a77 rgb(18,90,119)
```
#77125a
```
#77125a rgb(119,18,90)
```

Triadic Color

#12772f
```
#12772f rgb(18,119,47)
```
#125a77
```
#125a77 rgb(18,90,119)
```
#77125a
```
#77125a rgb(119,18,90)
```
#772f12
```
#772f12 rgb(119,47,18)
```

Tetradic Color

#082835
```
#082835 rgb(8,40,53)
```
#0b384b
```
#0b384b rgb(11,56,75)
```
#0f4961
```
#0f4961 rgb(15,73,97)
```
#125a77
```
#125a77 rgb(18,90,119)
```
#156b8d
```
#156b8d rgb(21,107,141)
```
#197ca3
```
#197ca3 rgb(25,124,163)
```
#1c8cb9
```
#1c8cb9 rgb(28,140,185)
```

Monochromatic Color

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

#127377
```
#127377 rgb(18,115,119)
```
#126b77
```
#126b77 rgb(18,107,119)
```
#126277
```
#126277 rgb(18,98,119)
```
#125a77
```
#125a77 rgb(18,90,119)
```
#125277
```
#125277 rgb(18,82,119)
```
#124977
```
#124977 rgb(18,73,119)
```
#124177
```
#124177 rgb(18,65,119)
```

Similar Colors

Text with hexadecimal color #125a77

This text has a font color of #125a77.

<span style="color:#125a77;">Text here</span>

#125a77 background color

This paragraph has a background color of #125a77.

<p style="background-color:#125a77;">Content here</p>

#125a77 border color

This element has a border color of #125a77.

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

CSS codes

.text {color:#125a77;}

.background {background-color:#125a77;}

.border {border:1px solid #125a77;}

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

#030d11
```
#030d11 rgb(3,13,17)
```
#051a22
```
#051a22 rgb(5,26,34)
```
#082633
```
#082633 rgb(8,38,51)
```
#0a3344
```
#0a3344 rgb(10,51,68)
```
#0d4055
```
#0d4055 rgb(13,64,85)
```
#0f4d66
```
#0f4d66 rgb(15,77,102)
```
#125a77
```
#125a77 rgb(18,90,119)
```
#156788
```
#156788 rgb(21,103,136)
```
#177499
```
#177499 rgb(23,116,153)
```
#1a81aa
```
#1a81aa rgb(26,129,170)
```
#1c8ebb
```
#1c8ebb rgb(28,142,187)
```
#1f9acc
```
#1f9acc rgb(31,154,204)
```
#21a7dd
```
#21a7dd rgb(33,167,221)
```

Shade Color Variation

#32aee0
```
#32aee0 rgb(50,174,224)
```
#43b5e3
```
#43b5e3 rgb(67,181,227)
```
#54bce5
```
#54bce5 rgb(84,188,229)
```
#65c2e8
```
#65c2e8 rgb(101,194,232)
```
#76c9ea
```
#76c9ea rgb(118,201,234)
```
#87d0ed
```
#87d0ed rgb(135,208,237)
```
#99d7ef
```
#99d7ef rgb(153,215,239)
```
#aaddf2
```
#aaddf2 rgb(170,221,242)
```
#bbe4f5
```
#bbe4f5 rgb(187,228,245)
```
#ccebf7
```
#ccebf7 rgb(204,235,247)
```
#ddf1fa
```
#ddf1fa rgb(221,241,250)
```
#eef8fc
```
#eef8fc rgb(238,248,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#414648
```
#414648 rgb(65,70,72)
```
#3c484d
```
#3c484d rgb(60,72,77)
```
#374a52
```
#374a52 rgb(55,74,82)
```
#324d57
```
#324d57 rgb(50,77,87)
```
#2c4f5d
```
#2c4f5d rgb(44,79,93)
```
#275162
```
#275162 rgb(39,81,98)
```
#225367
```
#225367 rgb(34,83,103)
```
#1d566c
```
#1d566c rgb(29,86,108)
```
#175872
```
#175872 rgb(23,88,114)
```
#125a77
```
#125a77 rgb(18,90,119)
```
#0d5c7c
```
#0d5c7c rgb(13,92,124)
```
#075e82
```
#075e82 rgb(7,94,130)
```
#026187
```
#026187 rgb(2,97,135)
```

Tone Color Variation

Below, you can see how #125a77 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

#484848 Achromatopsia 0.005% of the population
#3d4c51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#535b79 Protanopia 1% of men
#4d5b80 Deuteranopia 1% of men
#00656c Tritanopia 0.001% of the population

Trichromacy

#3b5a78 Protanomaly 1% of men, 0.01% of women
#375b7d Deuteranomaly 6% of men, 0.4% of women
#066170 Tritanomaly 0.01% of the population

#125a77 hex color

#125a77 Color Information

#125a77 Color Conversion

Color Schemes with #125a77

Alternatives to #125a77

#125a77 Preview

Shades and Tints of #125a77

Tones of #125a77

Color Blindness Simulator