#6ba8df hex color

In a RGB color space, hex #6ba8df is composed of 42% red, 65.9% green and 87.5% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 24.7% magenta, 0% yellow and 12.5% black. It has a hue angle of 208.4 degrees, a saturation of 64.4% and a lightness of 64.7%. #6ba8df color hex could be obtained by blending #d6ffff with #0051bf. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 42
- G 66
- B 87
RGB color chart
- C 52
- M 25
- Y 0
- K 13
CMYK color chart

● #6ba8df color description : Soft blue.

The hexadecimal color #6ba8df has RGB values of R:107, G:168, B:223 and CMYK values of C:0.52, M:0.25, Y:0, K:0.13. Its decimal value is 7055583.

Hex triplet	6ba8df	`#6ba8df`
RGB Decimal	107, 168, 223	`rgb(107,168,223)`
RGB Percent	42, 65.9, 87.5	`rgb(42%,65.9%,87.5%)`
CMYK	52, 25, 0, 13
HSL	208.4°, 64.4, 64.7	`hsl(208.4,64.4%,64.7%)`
HSV (or HSB)	208.4°, 52, 87.5
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.868, -4.415, -33.822
XYZ	33.382, 36.457, 75.086
xyY	0.23, 0.252, 36.457
CIE-LCH	66.868, 34.109, 262.563
CIE-LUV	66.868, -27.875, -53.02
Hunter-Lab	60.38, -6.976, -31.465
Binary	01101011, 10101000, 11011111

#6ba8df
```
#6ba8df rgb(107,168,223)
```
#dfa26b
```
#dfa26b rgb(223,162,107)
```

Complementary Color

#6bdfdc
```
#6bdfdc rgb(107,223,220)
```
#6ba8df
```
#6ba8df rgb(107,168,223)
```
#6b6edf
```
#6b6edf rgb(107,110,223)
```

Analogous Color

#dfdc6b
```
#dfdc6b rgb(223,220,107)
```
#6ba8df
```
#6ba8df rgb(107,168,223)
```
#df6b6e
```
#df6b6e rgb(223,107,110)
```

Split Complementary Color

#a8df6b
```
#a8df6b rgb(168,223,107)
```
#6ba8df
```
#6ba8df rgb(107,168,223)
```
#df6ba8
```
#df6ba8 rgb(223,107,168)
```

Triadic Color

#6bdfa2
```
#6bdfa2 rgb(107,223,162)
```
#6ba8df
```
#6ba8df rgb(107,168,223)
```
#df6ba8
```
#df6ba8 rgb(223,107,168)
```
#dfa26b
```
#dfa26b rgb(223,162,107)
```

Tetradic Color

#2d83d0
```
#2d83d0 rgb(45,131,208)
```
#418fd6
```
#418fd6 rgb(65,143,214)
```
#569cda
```
#569cda rgb(86,156,218)
```
#6ba8df
```
#6ba8df rgb(107,168,223)
```
#80b4e4
```
#80b4e4 rgb(128,180,228)
```
#95c1e8
```
#95c1e8 rgb(149,193,232)
```
#aacded
```
#aacded rgb(170,205,237)
```

Monochromatic Color

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

#6bc5df
```
#6bc5df rgb(107,197,223)
```
#6bbbdf
```
#6bbbdf rgb(107,187,223)
```
#6bb2df
```
#6bb2df rgb(107,178,223)
```
#6ba8df
```
#6ba8df rgb(107,168,223)
```
#6b9edf
```
#6b9edf rgb(107,158,223)
```
#6b95df
```
#6b95df rgb(107,149,223)
```
#6b8bdf
```
#6b8bdf rgb(107,139,223)
```

Similar Colors

Text with hexadecimal color #6ba8df

This text has a font color of #6ba8df.

<span style="color:#6ba8df;">Text here</span>

#6ba8df background color

This paragraph has a background color of #6ba8df.

<p style="background-color:#6ba8df;">Content here</p>

#6ba8df border color

This element has a border color of #6ba8df.

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

CSS codes

.text {color:#6ba8df;}

.background {background-color:#6ba8df;}

.border {border:1px solid #6ba8df;}

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

#03080d
```
#03080d rgb(3,8,13)
```
#06121d
```
#06121d rgb(6,18,29)
```
#0a1d2e
```
#0a1d2e rgb(10,29,46)
```
#0d273e
```
#0d273e rgb(13,39,62)
```
#11314e
```
#11314e rgb(17,49,78)
```
#143b5e
```
#143b5e rgb(20,59,94)
```
#18456e
```
#18456e rgb(24,69,110)
```
#1b4f7e
```
#1b4f7e rgb(27,79,126)
```
#1f598e
```
#1f598e rgb(31,89,142)
```
#22649e
```
#22649e rgb(34,100,158)
```
#266eaf
```
#266eaf rgb(38,110,175)
```
#2978bf
```
#2978bf rgb(41,120,191)
```
#2d82cf
```
#2d82cf rgb(45,130,207)
```

Shade Color Variation

#3b8cd5
```
#3b8cd5 rgb(59,140,213)
```
#4b95d8
```
#4b95d8 rgb(75,149,216)
```
#5b9fdc
```
#5b9fdc rgb(91,159,220)
```
#6ba8df
```
#6ba8df rgb(107,168,223)
```
#7bb1e2
```
#7bb1e2 rgb(123,177,226)
```
#8bbbe6
```
#8bbbe6 rgb(139,187,230)
```
#9bc4e9
```
#9bc4e9 rgb(155,196,233)
```
#acceed
```
#acceed rgb(172,206,237)
```
#bcd7f0
```
#bcd7f0 rgb(188,215,240)
```
#cce1f4
```
#cce1f4 rgb(204,225,244)
```
#dceaf7
```
#dceaf7 rgb(220,234,247)
```
#ecf4fb
```
#ecf4fb rgb(236,244,251)
```
#fcfdfe
```
#fcfdfe rgb(252,253,254)
```

Tint Color Variation

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

#a2a5a8
```
#a2a5a8 rgb(162,165,168)
```
#9ba5af
```
#9ba5af rgb(155,165,175)
```
#95a6b5
```
#95a6b5 rgb(149,166,181)
```
#8ea6bc
```
#8ea6bc rgb(142,166,188)
```
#87a7c3
```
#87a7c3 rgb(135,167,195)
```
#80a7ca
```
#80a7ca rgb(128,167,202)
```
#79a7d1
```
#79a7d1 rgb(121,167,209)
```
#72a8d8
```
#72a8d8 rgb(114,168,216)
```
#6ba8df
```
#6ba8df rgb(107,168,223)
```
#64a8e6
```
#64a8e6 rgb(100,168,230)
```
#5da9ed
```
#5da9ed rgb(93,169,237)
```
#56a9f4
```
#56a9f4 rgb(86,169,244)
```
#4fa9fb
```
#4fa9fb rgb(79,169,251)
```

Tone Color Variation

Below, you can see how #6ba8df 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

#9c9c9c Achromatopsia 0.005% of the population
#929ea9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#96a5db Protanopia 1% of men
#91a5e3 Deuteranopia 1% of men
#64b2bf Tritanopia 0.001% of the population

Trichromacy

#86a6dd Protanomaly 1% of men, 0.01% of women
#83a6e1 Deuteranomaly 6% of men, 0.4% of women
#66aecb Tritanomaly 0.01% of the population

#6ba8df hex color

#6ba8df Color Information

#6ba8df Color Conversion

Color Schemes with #6ba8df

Alternatives to #6ba8df

#6ba8df Preview

Shades and Tints of #6ba8df

Tones of #6ba8df

Color Blindness Simulator