#06a5bd hex color

In a RGB color space, hex #06a5bd is composed of 2.4% red, 64.7% green and 74.1% blue. Whereas in a CMYK color space, it is composed of 96.8% cyan, 12.7% magenta, 0% yellow and 25.9% black. It has a hue angle of 187.9 degrees, a saturation of 93.8% and a lightness of 38.2%. #06a5bd color hex could be obtained by blending #0cffff with #004b7b. Closest websafe color is: #0099cc.

♥
- f
- t
- g
- R 2
- G 65
- B 74
RGB color chart
- C 97
- M 13
- Y 0
- K 26
CMYK color chart

● #06a5bd color description : Strong cyan.

The hexadecimal color #06a5bd has RGB values of R:6, G:165, B:189 and CMYK values of C:0.97, M:0.13, Y:0, K:0.26. Its decimal value is 435645.

Hex triplet	06a5bd	`#06a5bd`
RGB Decimal	6, 165, 189	`rgb(6,165,189)`
RGB Percent	2.4, 64.7, 74.1	`rgb(2.4%,64.7%,74.1%)`
CMYK	97, 13, 0, 26
HSL	187.9°, 93.8, 38.2	`hsl(187.9,93.8%,38.2%)`
HSV (or HSB)	187.9°, 96.8, 74.1
Web Safe	0099cc	`#0099cc`

CIE-LAB	62.186, -26.734, -22.379
XYZ	22.713, 30.621, 52.855
xyY	0.214, 0.288, 30.621
CIE-LCH	62.186, 34.864, 219.933
CIE-LUV	62.186, -45.283, -30.823
Hunter-Lab	55.336, -23.572, -17.896
Binary	00000110, 10100101, 10111101

#06a5bd
```
#06a5bd rgb(6,165,189)
```
#bd1e06
```
#bd1e06 rgb(189,30,6)
```

Complementary Color

#06bd7a
```
#06bd7a rgb(6,189,122)
```
#06a5bd
```
#06a5bd rgb(6,165,189)
```
#064abd
```
#064abd rgb(6,74,189)
```

Analogous Color

#bd7a06
```
#bd7a06 rgb(189,122,6)
```
#06a5bd
```
#06a5bd rgb(6,165,189)
```
#bd064a
```
#bd064a rgb(189,6,74)
```

Split Complementary Color

#a5bd06
```
#a5bd06 rgb(165,189,6)
```
#06a5bd
```
#06a5bd rgb(6,165,189)
```
#bd06a5
```
#bd06a5 rgb(189,6,165)
```

Triadic Color

#06bd1e
```
#06bd1e rgb(6,189,30)
```
#06a5bd
```
#06a5bd rgb(6,165,189)
```
#bd06a5
```
#bd06a5 rgb(189,6,165)
```
#bd1e06
```
#bd1e06 rgb(189,30,6)
```

Tetradic Color

#046473
```
#046473 rgb(4,100,115)
```
#047a8c
```
#047a8c rgb(4,122,140)
```
#058fa4
```
#058fa4 rgb(5,143,164)
```
#06a5bd
```
#06a5bd rgb(6,165,189)
```
#07bbd6
```
#07bbd6 rgb(7,187,214)
```
#08d0ee
```
#08d0ee rgb(8,208,238)
```
#18daf8
```
#18daf8 rgb(24,218,248)
```

Monochromatic Color

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

#06bda7
```
#06bda7 rgb(6,189,167)
```
#06bdb7
```
#06bdb7 rgb(6,189,183)
```
#06b4bd
```
#06b4bd rgb(6,180,189)
```
#06a5bd
```
#06a5bd rgb(6,165,189)
```
#0696bd
```
#0696bd rgb(6,150,189)
```
#0687bd
```
#0687bd rgb(6,135,189)
```
#0677bd
```
#0677bd rgb(6,119,189)
```

Similar Colors

Text with hexadecimal color #06a5bd

This text has a font color of #06a5bd.

<span style="color:#06a5bd;">Text here</span>

#06a5bd background color

This paragraph has a background color of #06a5bd.

<p style="background-color:#06a5bd;">Content here</p>

#06a5bd border color

This element has a border color of #06a5bd.

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

CSS codes

.text {color:#06a5bd;}

.background {background-color:#06a5bd;}

.border {border:1px solid #06a5bd;}

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

#011012
```
#011012 rgb(1,16,18)
```
#012025
```
#012025 rgb(1,32,37)
```
#023138
```
#023138 rgb(2,49,56)
```
#02414b
```
#02414b rgb(2,65,75)
```
#03525e
```
#03525e rgb(3,82,94)
```
#046371
```
#046371 rgb(4,99,113)
```
#047384
```
#047384 rgb(4,115,132)
```
#058497
```
#058497 rgb(5,132,151)
```
#0594aa
```
#0594aa rgb(5,148,170)
```
#06a5bd
```
#06a5bd rgb(6,165,189)
```
#07b6d0
```
#07b6d0 rgb(7,182,208)
```
#07c6e3
```
#07c6e3 rgb(7,198,227)
```
#08d7f6
```
#08d7f6 rgb(8,215,246)
```

Shade Color Variation

#1adbf8
```
#1adbf8 rgb(26,219,248)
```
#2ddef8
```
#2ddef8 rgb(45,222,248)
```
#40e1f9
```
#40e1f9 rgb(64,225,249)
```
#53e4fa
```
#53e4fa rgb(83,228,250)
```
#66e7fa
```
#66e7fa rgb(102,231,250)
```
#79eafb
```
#79eafb rgb(121,234,251)
```
#8cedfb
```
#8cedfb rgb(140,237,251)
```
#9ff0fc
```
#9ff0fc rgb(159,240,252)
```
#b2f3fd
```
#b2f3fd rgb(178,243,253)
```
#c5f6fd
```
#c5f6fd rgb(197,246,253)
```
#d8f9fe
```
#d8f9fe rgb(216,249,254)
```
#ebfcfe
```
#ebfcfe rgb(235,252,254)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#606363
```
#606363 rgb(96,99,99)
```
#59686b
```
#59686b rgb(89,104,107)
```
#516e72
```
#516e72 rgb(81,110,114)
```
#4a737a
```
#4a737a rgb(74,115,122)
```
#427981
```
#427981 rgb(66,121,129)
```
#3b7e89
```
#3b7e89 rgb(59,126,137)
```
#338490
```
#338490 rgb(51,132,144)
```
#2c8998
```
#2c8998 rgb(44,137,152)
```
#248f9f
```
#248f9f rgb(36,143,159)
```
#1d94a7
```
#1d94a7 rgb(29,148,167)
```
#159aae
```
#159aae rgb(21,154,174)
```
#0e9fb6
```
#0e9fb6 rgb(14,159,182)
```
#06a5bd
```
#06a5bd rgb(6,165,189)
```

Tone Color Variation

Below, you can see how #06a5bd 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

#787878 Achromatopsia 0.005% of the population
#618186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#959ab6 Protanopia 1% of men
#9199c6 Deuteranopia 1% of men
#00aab7 Tritanopia 0.001% of the population

Trichromacy

#619eb9 Protanomaly 1% of men, 0.01% of women
#5e9dc3 Deuteranomaly 6% of men, 0.4% of women
#02a8b9 Tritanomaly 0.01% of the population

#06a5bd hex color

#06a5bd Color Information

#06a5bd Color Conversion

Color Schemes with #06a5bd

Alternatives to #06a5bd

#06a5bd Preview

Shades and Tints of #06a5bd

Tones of #06a5bd

Color Blindness Simulator