#308aab hex color

In a RGB color space, hex #308aab is composed of 18.8% red, 54.1% green and 67.1% blue. Whereas in a CMYK color space, it is composed of 71.9% cyan, 19.3% magenta, 0% yellow and 32.9% black. It has a hue angle of 196.1 degrees, a saturation of 56.2% and a lightness of 42.9%. #308aab color hex could be obtained by blending #60ffff with #001557. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 54
- B 67
RGB color chart
- C 72
- M 19
- Y 0
- K 33
CMYK color chart

● #308aab color description : Dark blue.

The hexadecimal color #308aab has RGB values of R:48, G:138, B:171 and CMYK values of C:0.72, M:0.19, Y:0, K:0.33. Its decimal value is 3181227.

Hex triplet	308aab	`#308aab`
RGB Decimal	48, 138, 171	`rgb(48,138,171)`
RGB Percent	18.8, 54.1, 67.1	`rgb(18.8%,54.1%,67.1%)`
CMYK	72, 19, 0, 33
HSL	196.1°, 56.2, 42.9	`hsl(196.1,56.2%,42.9%)`
HSV (or HSB)	196.1°, 71.9, 67.1
Web Safe	339999	`#339999`

CIE-LAB	53.754, -15.374, -25.082
XYZ	17.656, 21.744, 41.792
xyY	0.217, 0.268, 21.744
CIE-LCH	53.754, 29.418, 238.494
CIE-LUV	53.754, -33.065, -35.811
Hunter-Lab	46.631, -14.016, -20.497
Binary	00110000, 10001010, 10101011

#308aab
```
#308aab rgb(48,138,171)
```
#ab5130
```
#ab5130 rgb(171,81,48)
```

Complementary Color

#30ab8f
```
#30ab8f rgb(48,171,143)
```
#308aab
```
#308aab rgb(48,138,171)
```
#304dab
```
#304dab rgb(48,77,171)
```

Analogous Color

#ab8f30
```
#ab8f30 rgb(171,143,48)
```
#308aab
```
#308aab rgb(48,138,171)
```
#ab304d
```
#ab304d rgb(171,48,77)
```

Split Complementary Color

#8aab30
```
#8aab30 rgb(138,171,48)
```
#308aab
```
#308aab rgb(48,138,171)
```
#ab308a
```
#ab308a rgb(171,48,138)
```

Triadic Color

#30ab51
```
#30ab51 rgb(48,171,81)
```
#308aab
```
#308aab rgb(48,138,171)
```
#ab308a
```
#ab308a rgb(171,48,138)
```
#ab5130
```
#ab5130 rgb(171,81,48)
```

Tetradic Color

#1f5a6f
```
#1f5a6f rgb(31,90,111)
```
#256a83
```
#256a83 rgb(37,106,131)
```
#2a7a97
```
#2a7a97 rgb(42,122,151)
```
#308aab
```
#308aab rgb(48,138,171)
```
#369abf
```
#369abf rgb(54,154,191)
```
#44a6ca
```
#44a6ca rgb(68,166,202)
```
#58b0d0
```
#58b0d0 rgb(88,176,208)
```

Monochromatic Color

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

#30a9ab
```
#30a9ab rgb(48,169,171)
```
#309fab
```
#309fab rgb(48,159,171)
```
#3094ab
```
#3094ab rgb(48,148,171)
```
#308aab
```
#308aab rgb(48,138,171)
```
#3080ab
```
#3080ab rgb(48,128,171)
```
#3076ab
```
#3076ab rgb(48,118,171)
```
#306bab
```
#306bab rgb(48,107,171)
```

Similar Colors

Text with hexadecimal color #308aab

This text has a font color of #308aab.

<span style="color:#308aab;">Text here</span>

#308aab background color

This paragraph has a background color of #308aab.

<p style="background-color:#308aab;">Content here</p>

#308aab border color

This element has a border color of #308aab.

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

CSS codes

.text {color:#308aab;}

.background {background-color:#308aab;}

.border {border:1px solid #308aab;}

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, #010203 is the darkest color, while #f2f9fb is the lightest one.

#010203
```
#010203 rgb(1,2,3)
```
#050e12
```
#050e12 rgb(5,14,18)
```
#091b21
```
#091b21 rgb(9,27,33)
```
#0e2730
```
#0e2730 rgb(14,39,48)
```
#123340
```
#123340 rgb(18,51,64)
```
#16404f
```
#16404f rgb(22,64,79)
```
#1b4c5e
```
#1b4c5e rgb(27,76,94)
```
#1f596e
```
#1f596e rgb(31,89,110)
```
#23657d
```
#23657d rgb(35,101,125)
```
#27718c
```
#27718c rgb(39,113,140)
```
#2c7e9c
```
#2c7e9c rgb(44,126,156)
```
#308aab
```
#308aab rgb(48,138,171)
```
#3496ba
```
#3496ba rgb(52,150,186)
```

Shade Color Variation

#3aa2c8
```
#3aa2c8 rgb(58,162,200)
```
#4aa9cc
```
#4aa9cc rgb(74,169,204)
```
#59b0d0
```
#59b0d0 rgb(89,176,208)
```
#68b8d5
```
#68b8d5 rgb(104,184,213)
```
#78bfd9
```
#78bfd9 rgb(120,191,217)
```
#87c6dd
```
#87c6dd rgb(135,198,221)
```
#96cde2
```
#96cde2 rgb(150,205,226)
```
#a6d5e6
```
#a6d5e6 rgb(166,213,230)
```
#b5dcea
```
#b5dcea rgb(181,220,234)
```
#c4e3ef
```
#c4e3ef rgb(196,227,239)
```
#d4eaf3
```
#d4eaf3 rgb(212,234,243)
```
#e3f2f7
```
#e3f2f7 rgb(227,242,247)
```
#f2f9fb
```
#f2f9fb rgb(242,249,251)
```

Tint Color Variation

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

#6b6f70
```
#6b6f70 rgb(107,111,112)
```
#637378
```
#637378 rgb(99,115,120)
```
#5a7681
```
#5a7681 rgb(90,118,129)
```
#527a89
```
#527a89 rgb(82,122,137)
```
#497e92
```
#497e92 rgb(73,126,146)
```
#41829a
```
#41829a rgb(65,130,154)
```
#3886a3
```
#3886a3 rgb(56,134,163)
```
#308aab
```
#308aab rgb(48,138,171)
```
#288eb3
```
#288eb3 rgb(40,142,179)
```
#1f92bc
```
#1f92bc rgb(31,146,188)
```
#1796c4
```
#1796c4 rgb(23,150,196)
```
#0e9acd
```
#0e9acd rgb(14,154,205)
```
#069ed5
```
#069ed5 rgb(6,158,213)
```

Tone Color Variation

Below, you can see how #308aab 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

#737373 Achromatopsia 0.005% of the population
#66787e Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d85a8 Protanopia 1% of men
#7885b3 Deuteranopia 1% of men
#2a939e Tritanopia 0.001% of the population

Trichromacy

#6187a9 Protanomaly 1% of men, 0.01% of women
#5e87b0 Deuteranomaly 6% of men, 0.4% of women
#2c8fa2 Tritanomaly 0.01% of the population

#308aab hex color

#308aab Color Information

#308aab Color Conversion

Color Schemes with #308aab

Alternatives to #308aab

#308aab Preview

Shades and Tints of #308aab

Tones of #308aab

Color Blindness Simulator