#123f60 hex color

In a RGB color space, hex #123f60 is composed of 7.1% red, 24.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 81.3% cyan, 34.4% magenta, 0% yellow and 62.4% black. It has a hue angle of 205.4 degrees, a saturation of 68.4% and a lightness of 22.4%. #123f60 color hex could be obtained by blending #247ec0 with #000000. Closest websafe color is: #003366.

♥
- f
- t
- g
- R 7
- G 25
- B 38
RGB color chart
- C 81
- M 34
- Y 0
- K 62
CMYK color chart

● #123f60 color description : Very dark blue.

The hexadecimal color #123f60 has RGB values of R:18, G:63, B:96 and CMYK values of C:0.81, M:0.34, Y:0, K:0.62. Its decimal value is 1195872.

Hex triplet	123f60	`#123f60`
RGB Decimal	18, 63, 96	`rgb(18,63,96)`
RGB Percent	7.1, 24.7, 37.6	`rgb(7.1%,24.7%,37.6%)`
CMYK	81, 34, 0, 62
HSL	205.4°, 68.4, 22.4	`hsl(205.4,68.4%,22.4%)`
HSV (or HSB)	205.4°, 81.3, 37.6
Web Safe	003366	`#003366`

CIE-LAB	25.345, -2.318, -23.858
XYZ	4.138, 4.528, 11.722
xyY	0.203, 0.222, 4.528
CIE-LCH	25.345, 23.97, 264.45
CIE-LUV	25.345, -14.324, -29.084
Hunter-Lab	21.279, -2.527, -17.766
Binary	00010010, 00111111, 01100000

#123f60
```
#123f60 rgb(18,63,96)
```
#603312
```
#603312 rgb(96,51,18)
```

Complementary Color

#12605a
```
#12605a rgb(18,96,90)
```
#123f60
```
#123f60 rgb(18,63,96)
```
#121860
```
#121860 rgb(18,24,96)
```

Analogous Color

#605a12
```
#605a12 rgb(96,90,18)
```
#123f60
```
#123f60 rgb(18,63,96)
```
#601218
```
#601218 rgb(96,18,24)
```

Split Complementary Color

#3f6012
```
#3f6012 rgb(63,96,18)
```
#123f60
```
#123f60 rgb(18,63,96)
```
#60123f
```
#60123f rgb(96,18,63)
```

Triadic Color

#126033
```
#126033 rgb(18,96,51)
```
#123f60
```
#123f60 rgb(18,63,96)
```
#60123f
```
#60123f rgb(96,18,63)
```
#603312
```
#603312 rgb(96,51,18)
```

Tetradic Color

#061520
```
#061520 rgb(6,21,32)
```
#0a2335
```
#0a2335 rgb(10,35,53)
```
#0e314b
```
#0e314b rgb(14,49,75)
```
#123f60
```
#123f60 rgb(18,63,96)
```
#164d75
```
#164d75 rgb(22,77,117)
```
#1a5b8b
```
#1a5b8b rgb(26,91,139)
```
#1e69a0
```
#1e69a0 rgb(30,105,160)
```

Monochromatic Color

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

#125360
```
#125360 rgb(18,83,96)
```
#124c60
```
#124c60 rgb(18,76,96)
```
#124660
```
#124660 rgb(18,70,96)
```
#123f60
```
#123f60 rgb(18,63,96)
```
#123960
```
#123960 rgb(18,57,96)
```
#123260
```
#123260 rgb(18,50,96)
```
#122c60
```
#122c60 rgb(18,44,96)
```

Similar Colors

Text with hexadecimal color #123f60

This text has a font color of #123f60.

<span style="color:#123f60;">Text here</span>

#123f60 background color

This paragraph has a background color of #123f60.

<p style="background-color:#123f60;">Content here</p>

#123f60 border color

This element has a border color of #123f60.

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

CSS codes

.text {color:#123f60;}

.background {background-color:#123f60;}

.border {border:1px solid #123f60;}

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, #03090d is the darkest color, while #fcfdfe is the lightest one.

#03090d
```
#03090d rgb(3,9,13)
```
#06141e
```
#06141e rgb(6,20,30)
```
#091e2e
```
#091e2e rgb(9,30,46)
```
#0c293f
```
#0c293f rgb(12,41,63)
```
#0f344f
```
#0f344f rgb(15,52,79)
```
#123f60
```
#123f60 rgb(18,63,96)
```
#154a71
```
#154a71 rgb(21,74,113)
```
#185581
```
#185581 rgb(24,85,129)
```
#1b6092
```
#1b6092 rgb(27,96,146)
```
#1e6aa2
```
#1e6aa2 rgb(30,106,162)
```
#2175b3
```
#2175b3 rgb(33,117,179)
```
#2580c3
```
#2580c3 rgb(37,128,195)
```
#288bd4
```
#288bd4 rgb(40,139,212)
```

Shade Color Variation

#3694d9
```
#3694d9 rgb(54,148,217)
```
#469ddc
```
#469ddc rgb(70,157,220)
```
#57a6df
```
#57a6df rgb(87,166,223)
```
#67aee3
```
#67aee3 rgb(103,174,227)
```
#78b7e6
```
#78b7e6 rgb(120,183,230)
```
#88c0e9
```
#88c0e9 rgb(136,192,233)
```
#99c9ec
```
#99c9ec rgb(153,201,236)
```
#a9d1ef
```
#a9d1ef rgb(169,209,239)
```
#badaf2
```
#badaf2 rgb(186,218,242)
```
#cae3f5
```
#cae3f5 rgb(202,227,245)
```
#dbecf8
```
#dbecf8 rgb(219,236,248)
```
#ebf5fb
```
#ebf5fb rgb(235,245,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#353a3d
```
#353a3d rgb(53,58,61)
```
#313a41
```
#313a41 rgb(49,58,65)
```
#2c3b46
```
#2c3b46 rgb(44,59,70)
```
#283c4a
```
#283c4a rgb(40,60,74)
```
#243c4e
```
#243c4e rgb(36,60,78)
```
#1f3d53
```
#1f3d53 rgb(31,61,83)
```
#1b3e57
```
#1b3e57 rgb(27,62,87)
```
#163e5c
```
#163e5c rgb(22,62,92)
```
#123f60
```
#123f60 rgb(18,63,96)
```
#0e4064
```
#0e4064 rgb(14,64,100)
```
#094069
```
#094069 rgb(9,64,105)
```
#05416d
```
#05416d rgb(5,65,109)
```
#004272
```
#004272 rgb(0,66,114)
```

Tone Color Variation

Below, you can see how #123f60 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

#353535 Achromatopsia 0.005% of the population
#2e373e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3a4565 Protanopia 1% of men
#314669 Deuteranopia 1% of men
#004d52 Tritanopia 0.001% of the population

Trichromacy

#2b4263 Protanomaly 1% of men, 0.01% of women
#264366 Deuteranomaly 6% of men, 0.4% of women
#064757 Tritanomaly 0.01% of the population

#123f60 hex color

#123f60 Color Information

#123f60 Color Conversion

Color Schemes with #123f60

Alternatives to #123f60

#123f60 Preview

Shades and Tints of #123f60

Tones of #123f60

Color Blindness Simulator