#006bd0 hex color

In a RGB color space, hex #006bd0 is composed of 0% red, 42% green and 81.6% blue. Whereas in a CMYK color space, it is composed of 100% cyan, 48.6% magenta, 0% yellow and 18.4% black. It has a hue angle of 209.1 degrees, a saturation of 100% and a lightness of 40.8%. #006bd0 color hex could be obtained by blending #00d6ff with #0000a1. Closest websafe color is: #0066cc.

♥
- f
- t
- g
- R 0
- G 42
- B 82
RGB color chart
- C 100
- M 49
- Y 0
- K 18
CMYK color chart

● #006bd0 color description : Strong blue.

The hexadecimal color #006bd0 has RGB values of R:0, G:107, B:208 and CMYK values of C:1, M:0.49, Y:0, K:0.18. Its decimal value is 27600.

Hex triplet	006bd0	`#006bd0`
RGB Decimal	0, 107, 208	`rgb(0,107,208)`
RGB Percent	0, 42, 81.6	`rgb(0%,42%,81.6%)`
CMYK	100, 49, 0, 18
HSL	209.1°, 100, 40.8	`hsl(209.1,100%,40.8%)`
HSV (or HSB)	209.1°, 100, 81.6
Web Safe	0066cc	`#0066cc`

CIE-LAB	45.727, 13.647, -59.079
XYZ	16.64, 15.068, 61.702
xyY	0.178, 0.161, 15.068
CIE-LCH	45.727, 60.634, 283.007
CIE-LUV	45.727, -25.109, -89.949
Hunter-Lab	38.817, 8.589, -67.072
Binary	00000000, 01101011, 11010000

#006bd0
```
#006bd0 rgb(0,107,208)
```
#d06500
```
#d06500 rgb(208,101,0)
```

Complementary Color

#00d0cd
```
#00d0cd rgb(0,208,205)
```
#006bd0
```
#006bd0 rgb(0,107,208)
```
#0003d0
```
#0003d0 rgb(0,3,208)
```

Analogous Color

#d0cd00
```
#d0cd00 rgb(208,205,0)
```
#006bd0
```
#006bd0 rgb(0,107,208)
```
#d00003
```
#d00003 rgb(208,0,3)
```

Split Complementary Color

#6bd000
```
#6bd000 rgb(107,208,0)
```
#006bd0
```
#006bd0 rgb(0,107,208)
```
#d0006b
```
#d0006b rgb(208,0,107)
```

Triadic Color

#00d065
```
#00d065 rgb(0,208,101)
```
#006bd0
```
#006bd0 rgb(0,107,208)
```
#d0006b
```
#d0006b rgb(208,0,107)
```
#d06500
```
#d06500 rgb(208,101,0)
```

Tetradic Color

#004484
```
#004484 rgb(0,68,132)
```
#00519d
```
#00519d rgb(0,81,157)
```
#005eb7
```
#005eb7 rgb(0,94,183)
```
#006bd0
```
#006bd0 rgb(0,107,208)
```
#0078ea
```
#0078ea rgb(0,120,234)
```
#0485ff
```
#0485ff rgb(4,133,255)
```
#1e92ff
```
#1e92ff rgb(30,146,255)
```

Monochromatic Color

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

#009fd0
```
#009fd0 rgb(0,159,208)
```
#008ed0
```
#008ed0 rgb(0,142,208)
```
#007cd0
```
#007cd0 rgb(0,124,208)
```
#006bd0
```
#006bd0 rgb(0,107,208)
```
#005ad0
```
#005ad0 rgb(0,90,208)
```
#0048d0
```
#0048d0 rgb(0,72,208)
```
#0037d0
```
#0037d0 rgb(0,55,208)
```

Similar Colors

Text with hexadecimal color #006bd0

This text has a font color of #006bd0.

<span style="color:#006bd0;">Text here</span>

#006bd0 background color

This paragraph has a background color of #006bd0.

<p style="background-color:#006bd0;">Content here</p>

#006bd0 border color

This element has a border color of #006bd0.

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

CSS codes

.text {color:#006bd0;}

.background {background-color:#006bd0;}

.border {border:1px solid #006bd0;}

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, #00060c is the darkest color, while #f7fbff is the lightest one.

#00060c
```
#00060c rgb(0,6,12)
```
#00101f
```
#00101f rgb(0,16,31)
```
#001a33
```
#001a33 rgb(0,26,51)
```
#002447
```
#002447 rgb(0,36,71)
```
#002e5a
```
#002e5a rgb(0,46,90)
```
#00396e
```
#00396e rgb(0,57,110)
```
#004382
```
#004382 rgb(0,67,130)
```
#004d95
```
#004d95 rgb(0,77,149)
```
#0057a9
```
#0057a9 rgb(0,87,169)
```
#0061bc
```
#0061bc rgb(0,97,188)
```
#006bd0
```
#006bd0 rgb(0,107,208)
```
#0075e4
```
#0075e4 rgb(0,117,228)
```
#007ff7
```
#007ff7 rgb(0,127,247)
```

Shade Color Variation

#0c89ff
```
#0c89ff rgb(12,137,255)
```
#1f92ff
```
#1f92ff rgb(31,146,255)
```
#339cff
```
#339cff rgb(51,156,255)
```
#47a6ff
```
#47a6ff rgb(71,166,255)
```
#5aafff
```
#5aafff rgb(90,175,255)
```
#6eb9ff
```
#6eb9ff rgb(110,185,255)
```
#82c2ff
```
#82c2ff rgb(130,194,255)
```
#95ccff
```
#95ccff rgb(149,204,255)
```
#a9d5ff
```
#a9d5ff rgb(169,213,255)
```
#bcdfff
```
#bcdfff rgb(188,223,255)
```
#d0e8ff
```
#d0e8ff rgb(208,232,255)
```
#e4f2ff
```
#e4f2ff rgb(228,242,255)
```
#f7fbff
```
#f7fbff rgb(247,251,255)
```

Tint Color Variation

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

#606870
```
#606870 rgb(96,104,112)
```
#586878
```
#586878 rgb(88,104,120)
```
#506980
```
#506980 rgb(80,105,128)
```
#486988
```
#486988 rgb(72,105,136)
```
#406990
```
#406990 rgb(64,105,144)
```
#386998
```
#386998 rgb(56,105,152)
```
#306aa0
```
#306aa0 rgb(48,106,160)
```
#286aa8
```
#286aa8 rgb(40,106,168)
```
#206ab0
```
#206ab0 rgb(32,106,176)
```
#186ab8
```
#186ab8 rgb(24,106,184)
```
#106bc0
```
#106bc0 rgb(16,107,192)
```
#086bc8
```
#086bc8 rgb(8,107,200)
```
#006bd0
```
#006bd0 rgb(0,107,208)
```

Tone Color Variation

Below, you can see how #006bd0 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

#575757 Achromatopsia 0.005% of the population
#465b6f Atypical Achromatopsia 0.001% of the population

Dichromacy

#3670d0 Protanopia 1% of men
#0076c2 Deuteranopia 1% of men
#007f86 Tritanopia 0.001% of the population

Trichromacy

#226ed0 Protanomaly 1% of men, 0.01% of women
#0072c7 Deuteranomaly 6% of men, 0.4% of women
#0077a1 Tritanomaly 0.01% of the population

#006bd0 hex color

#006bd0 Color Information

#006bd0 Color Conversion

Color Schemes with #006bd0

Alternatives to #006bd0

#006bd0 Preview

Shades and Tints of #006bd0

Tones of #006bd0

Color Blindness Simulator