Encycolorpedia

#6ba4ff Hex Color Code

#6ba4ff Paint ChipThe hexadecimal color code #6ba4ff is a medium light shade of cyan-blue. In the RGB color model #6ba4ff is comprised of 41.96% red, 64.31% green and 100% blue. In the HSL color space #6ba4ff has a hue of 217° (degrees), 100% saturation and 71% lightness. This color has an approximate wavelength of 474.94 nm.

Color Variations

Related Named Colors

Color Schemes

Download: GIMP GPL Adobe ASE (Adobe Swatch Exchange) Sketch Palette

#6ba4ff linear gradient to complementary #d6ce94

  1. #6ba4ff
  2. #88aaee
  3. #9eb1dc
  4. #b0b8cb
  5. #bebfb9
  6. #cbc6a7
  7. #d6ce94

Monochromatic Colors

  1. #4485dd
  2. #528fe8
  3. #5f9af4
  4. #6ba4ff
  5. #77aeff
  6. #83b9ff
  7. #8fc4ff

Tones

  1. #6ba4ff
  2. #7ea7f3
  3. #8da9e6
  4. #99acda
  5. #a4afce
  6. #adb2c1
  7. #b5b5b5

Tints and Shades

#6ba4ff to white

  1. #6ba4ff
  2. #8ab2ff
  3. #a5c1ff
  4. #bdd0ff
  5. #d4e0ff
  6. #eaefff
  7. #ffffff

#6ba4ff to black

  1. #6ba4ff
  2. #5a87d0
  3. #4a6aa2
  4. #394f77
  5. #29364f
  6. #191e29
  7. #000000

Color Blindness Simulation

Monochromacy

Dichromacy

Trichromacy

#6ba4ff HTML / CSS Code Examples

#6ba4ff foreground

It is a widely accepted notion among painters that it does not matter what one paints as long as it is well painted. This is the essence of academicism. There is no such thing as good painting about nothing.

Mark Rothko
<p style="color: #6ba4ff">…</p>

#6ba4ff background

A work of art which did not begin in emotion is not art.

Paul Cezanne
<p style="background-color: #6ba4ff">…</p>

#6ba4ff shadow

Every child is an artist. The problem is how to remain an artist once he grows up.

Pablo Picasso
<p style="text-shadow: 0.1em 0.1em 0.15em #6ba4ff">…</p>

Color Charts

Color Space Conversions

Decimal
7054591
Binary
01101011, 10100100, 11111111
Hexadecimal
#6ba4ff
LRV
≈ 36.9%
Closest short hex
#7af ΔE = 2.490
RGB
rgb(107, 164, 255)
RGBA
rgba(107, 164, 255, 1.0)
rg chromaticity
r: 0.203, g: 0.312, b: 0.485
RYB
red: 0.420%, yellow: 0.581%, blue: 1.000%
Android / android.graphics.Color
-9722625 / 0xff6ba4ff
HSL
hsl(217, 100%, 71%)
HSLA
hsla(217, 100%, 71%, 1.0)
HSV / HSB
hue: 217° (216.892), saturation: 58% (0.580), value: 100% (1.000)
HSP
hue: 216.892, saturation: 58.039%, perceived brightness: 63.988%
HSLuv (HUSL)
H: 252.612, S: 99.987, L: 67.197
Cubehelix
H: -145.629, S: 0.914, L: 0.615
TSL
T: -1.976, S: 0.177, L: 0.617
CMYK
cyan: 58% (0.580), magenta: 36% (0.357), yellow: 0% (0.000), key: 0% (0.000)
CMY
cyan: 58% (0.580), magenta: 36% (0.357), yellow: 0% (0.000)
XYZ
X: 37.383, Y: 36.894, Z: 99.740
xyY
x: 0.215, y: 0.212, Y: 36.894
CIELab
L: 67.197, a: 7.728, b: -50.794
CIELuv
L: 67.197, u: -26.058, v: -83.213
CIELCH / LCHab
L: 67.197, C: 51.379, H: 278.651
CIELUV / LCHuv
L: 67.197, C: 87.198, H: 252.612
Hunter-Lab
L: 60.740, a: 3.563, b: -54.840
CIECAM02
J: 56.643, C: 58.510, h: 253.808, Q: 148.280, M: 51.166, s: 58.742, H: 307.910
OSA-UCS
lightness: -10.336, jaune: -8.906, green: 2.330
LMS
L: 27.046, M: 36.933, S: 98.698
YCbCr
Y: 151.145, Cb: 176.385, Cr: 96.516
YCgCo
Y: 172.500, Cg: -8.500, Co: -10.250
YDbDr
Y: 157.331, Db: 146.953, Dr: 95.728
YPbPr
Y: 158.411, Pb: 52.055, Pr: -32.686
xvYCC
Y: 152.047, Cb: 173.727, Cr: 99.288
YIQ
Y: 157.331, I: -63.191, Q: 16.260
YUV
Y: 157.331, U: 48.064, V: -44.156
Munsell Color System
7.5PB 6/10 ΔE = 8.296
Brand Color
Disqus (blue) ΔE = 2.362

Random Colors

Red

Green

Blue