Glaucous

#678DC6

What color is Glaucous?

Glaucous is a muted, dusty blue with a soft grey-green undertone, hex #678DC6, similar to the bloom on a ripe grape. The color has a hazy, washed quality, as though a clear sky blue has been softened with ash.

What is the meaning of the color Glaucous?

Ancient Greek sailors used glaukos to describe the shifting blue-grey of the sea, and the word entered English by the mid-1600s to describe the powdery blue-grey coating on certain leaves and fruits. Botanists adopted it as a precise descriptor in the 18th century, with Carl Linnaeus using it in plant classification to identify species with pale, bloom-covered surfaces. The color name appeared in English dictionaries by 1671, making it one of the earlier nature-derived color terms with a documented entry date. Glaucous remains a standard term in botanical illustration, used by institutions such as the Royal Botanic Gardens, Kew, to classify leaf surface color.

RGB
103, 141, 198
HSL
216°, 45%, 59%
CMYK
48, 29, 0, 22
HSV
216°, 48%, 78%
Glaucous color

What colors go with Glaucous?

Colors that pair well with Glaucous include:
Soft white: clean, airy contrast
Slate grey: cool, grounded balance
Warm sand: softens the blue
Navy blue: adds depth below
Sage green: natural, quiet harmony

Similar Colors

Conversions & Codes

Format Value CSS
HEX #678DC6 color: #678DC6;
RGB 103, 141, 198 color: rgb(103, 141, 198);
RGB Percentage 40%, 55%, 78% color: rgb(40%, 55%, 78%);
CMYK 48%, 29%, 0%, 22% Not supported in CSS
HSL 216°, 45%, 59% color: hsl(216, 45%, 59%);
HSV 216°, 48%, 78% Not supported in CSS
CIE-LAB 47, -8, -19 color: lab(47% -8 -19);
Decimal 6786502 Not supported in CSS

Color Variations

Shades

#678DC5
#527DBD
#426EAF
#3A6099
#325283
#29446D
#213757
#192941

Tints

#D2DDEE
#C2D1E8
#B3C6E2
#A4BBDC
#95AFD7
#86A4D1
#7798CB
#678DC5

Tones

#678DC5
#6C8EC1
#718FBC
#7690B7
#7A91B3
#7F92AE
#8493A9
#8894A5

Hues

#678DC5
#8867C5
#C567BC
#C56776
#C5A067
#A5C567
#67C571
#67C5B7

Color Harmonies

Analogous

#67BCC5
Click to copy
#678DC6
Click to copy
#7167C5
Click to copy

Complementary

#678DC6
Click to copy
#C5A067
Click to copy

Split Complementary

#678DC6
Click to copy
#C57167
Click to copy
#BCC567
Click to copy

Triadic

#678DC6
Click to copy
#C5678D
Click to copy
#8DC567
Click to copy

Tetradic

#678DC6
Click to copy
#C567BC
Click to copy
#C5A067
Click to copy
#67C571
Click to copy

Square

#678DC6
Click to copy
#C567BC
Click to copy
#C5A067
Click to copy
#67C571
Click to copy

CSS & Dev Snippets

CSS
.glaucous {
  color: #678DC6;
}
SCSS
$glaucous: #678DC6;
RGB
rgb(103, 141, 198)

Accessibility & Contrast

White background

3.39:1
3.39
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.20:1
6.20
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags