colorhexa.com

#1b3f5a hex color

In a RGB color space, hex #1b3f5a is composed of 10.6% red, 24.7% green and 35.3% blue. Whereas in a CMYK color space, it is composed of 70% cyan, 30% magenta, 0% yellow and 64.7% black. It has a hue angle of 205.7 degrees, a saturation of 53.8% and a lightness of 22.9%. #1b3f5a color hex could be obtained by blending #367eb4 with #000000. Closest websafe color is: #333366.

- R 11
- G 25
- B 35
RGB color chart
- C 70
- M 30
- Y 0
- K 65
CMYK color chart

● #1b3f5a color description : Very dark blue.

The hexadecimal color #1b3f5a has RGB values of R:27, G:63, B:90 and CMYK values of C:0.7, M:0.3, Y:0, K:0.65. Its decimal value is 1785690.

Hex triplet	1b3f5a	`#1b3f5a`
RGB Decimal	27, 63, 90	`rgb(27,63,90)`
RGB Percent	10.6, 24.7, 35.3	`rgb(10.6%,24.7%,35.3%)`
CMYK	70, 30, 0, 65
HSL	205.7°, 53.8, 22.9	`hsl(205.7,53.8%,22.9%)`
HSV (or HSB)	205.7°, 70, 35.3
Web Safe	333366	`#333366`

CIE-LAB	25.339, -3.194, -19.946
XYZ	4.075, 4.526, 10.331
xyY	0.215, 0.239, 4.526
CIE-LCH	25.339, 20.201, 260.902
CIE-LUV	25.339, -13.025, -23.948
Hunter-Lab	21.274, -3.043, -13.9
Binary	00011011, 00111111, 01011010

#1b3f5a
```
#1b3f5a rgb(27,63,90)
```
#5a361b
```
#5a361b rgb(90,54,27)
```

Complementary Color

#1b5a56
```
#1b5a56 rgb(27,90,86)
```
#1b3f5a
```
#1b3f5a rgb(27,63,90)
```
#1b205a
```
#1b205a rgb(27,32,90)
```

Analogous Color

#5a561b
```
#5a561b rgb(90,86,27)
```
#1b3f5a
```
#1b3f5a rgb(27,63,90)
```
#5a1b20
```
#5a1b20 rgb(90,27,32)
```

Split Complementary Color

#09161f
```
#09161f rgb(9,22,31)
```
#0f2433
```
#0f2433 rgb(15,36,51)
```
#153146
```
#153146 rgb(21,49,70)
```
#1b3f5a
```
#1b3f5a rgb(27,63,90)
```
#214d6e
```
#214d6e rgb(33,77,110)
```
#275a81
```
#275a81 rgb(39,90,129)
```
#2d6895
```
#2d6895 rgb(45,104,149)
```

Monochromatic Color

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

#1b4f5a
```
#1b4f5a rgb(27,79,90)
```
#1b4a5a
```
#1b4a5a rgb(27,74,90)
```
#1b445a
```
#1b445a rgb(27,68,90)
```
#1b3f5a
```
#1b3f5a rgb(27,63,90)
```
#1b3a5a
```
#1b3a5a rgb(27,58,90)
```
#1b355a
```
#1b355a rgb(27,53,90)
```
#1b2f5a
```
#1b2f5a rgb(27,47,90)
```

Similar Colors

Text with hexadecimal color #1b3f5a

This text has a font color of #1b3f5a.

<span style="color:#1b3f5a;">Text here</span>

#1b3f5a background color

This paragraph has a background color of #1b3f5a.

<p style="background-color:#1b3f5a;">Content here</p>

#1b3f5a border color

This element has a border color of #1b3f5a.

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

CSS codes

.text {color:#1b3f5a;}

.background {background-color:#1b3f5a;}

.border {border:1px solid #1b3f5a;}

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, #040a0f is the darkest color, while #feffff is the lightest one.

#040a0f
```
#040a0f rgb(4,10,15)
```
#09151e
```
#09151e rgb(9,21,30)
```
#0d1f2d
```
#0d1f2d rgb(13,31,45)
```
#122a3c
```
#122a3c rgb(18,42,60)
```
#16344b
```
#16344b rgb(22,52,75)
```
#1b3f5a
```
#1b3f5a rgb(27,63,90)
```
#204a69
```
#204a69 rgb(32,74,105)
```
#245478
```
#245478 rgb(36,84,120)
```
#295f87
```
#295f87 rgb(41,95,135)
```
#2d6996
```
#2d6996 rgb(45,105,150)
```
#3274a5
```
#3274a5 rgb(50,116,165)
```
#367eb5
```
#367eb5 rgb(54,126,181)
```
#3b89c4
```
#3b89c4 rgb(59,137,196)
```

Shade Color Variation

#4992c9
```
#4992c9 rgb(73,146,201)
```
#589bcd
```
#589bcd rgb(88,155,205)
```
#68a4d2
```
#68a4d2 rgb(104,164,210)
```
#77add6
```
#77add6 rgb(119,173,214)
```
#86b6db
```
#86b6db rgb(134,182,219)
```
#95bfdf
```
#95bfdf rgb(149,191,223)
```
#a4c8e4
```
#a4c8e4 rgb(164,200,228)
```
#b3d1e8
```
#b3d1e8 rgb(179,209,232)
```
#c2daed
```
#c2daed rgb(194,218,237)
```
#d1e4f1
```
#d1e4f1 rgb(209,228,241)
```
#e0edf6
```
#e0edf6 rgb(224,237,246)
```
#eff6fa
```
#eff6fa rgb(239,246,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#363b3f
```
#363b3f rgb(54,59,63)
```
#323c44
```
#323c44 rgb(50,60,68)
```
#2d3c48
```
#2d3c48 rgb(45,60,72)
```
#293d4d
```
#293d4d rgb(41,61,77)
```
#243e51
```
#243e51 rgb(36,62,81)
```
#203e56
```
#203e56 rgb(32,62,86)
```
#1b3f5a
```
#1b3f5a rgb(27,63,90)
```
#17405f
```
#17405f rgb(23,64,95)
```
#124063
```
#124063 rgb(18,64,99)
```
#0e4168
```
#0e4168 rgb(14,65,104)
```
#09426c
```
#09426c rgb(9,66,108)
```
#054271
```
#054271 rgb(5,66,113)
```
#004375
```
#004375 rgb(0,67,117)
```

Tone Color Variation

Below, you can see how #1b3f5a 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

#373737 Achromatopsia 0.005% of the population
#31393e Atypical Achromatopsia 0.001% of the population

Dichromacy

#3d455f Protanopia 1% of men
#384563 Deuteranopia 1% of men
#1a4c51 Tritanopia 0.001% of the population

Trichromacy

#30435d Protanomaly 1% of men, 0.01% of women
#2d4360 Deuteranomaly 6% of men, 0.4% of women
#1a4754 Tritanomaly 0.01% of the population