Color Canton cyan (#649c97):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Canton cyan (#649c97):
Its Meaning and Harmonious Color Matches in Design.

Canton is a color with a HTML hex code of #649c97.

Hue Family:
cyans

cyans Family:
neutral-muted

Saturation:
moderately saturated

Tones:
colorful tone

Shade:
medium

Temperature:
neutral

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Canton / #649c97

The HTML HEX code is #649c97. The corresponding color name is "Canton". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 100%, Green (G): 156%, Blue (B): 151%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 36%, Magenta (M): 0%, Yellow (Y):3%, Black (K): 39%. In the HSL color space, #649c97 has a hue of 175°, saturation of 22%, and lightness of 50%. The HSV representation is 175° for hue, 36% for saturation, and 61% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 61, a* (green to red) = -20, and b* (blue to yellow) = -3. The XYZ representation is X: 23, Y: 29, Z: 34. In the YUV color space, it translates to Y (luminance) = 0.5439, U (chrominance) = 0.0238, and V (chrominance) = -0.1331.

The decimal value of the color is 6593687. The closest Web-safe HEX code is #669999. Variations of the colour are #A2C3C1 for a 20% lighter version and #3C5D5B for a 20% darker version.

For the color with hex value #649c97, the correlated color temperature (CT) is estimated to be 9112 Kelvin (9112K).

The approximate wavelength of #649c97 is around 502.50nm.

VALUECSS
HEX Code649c97#649c97
RGB Decimal Code100, 156, 151rgb(100, 156, 151)
CMYK36, 0, 3, 39/
HSL175°, 22%, 50%hsl(175°, 22%, 50%)
HSV175°, 36%, 61%/
CIE-LAB61, -20, -3/
XYZ 23, 29, 34/
YUV0.5439, 0.0238, -0.1331/
Decimal value6593687/
Web-Safe HEX669999#669999
Color Temperature (CT)9112 Kelvin (9112K)/
Estimate Wavelengtharound 502.50nm/

The Depth and Diversity of Canton (Hex: #649c97): Exploring its Impact in Design and Culture

The hex color #649c97, known as Canton, resembles the serene and calming hues of a tropical lagoon. It evokes the tranquility of crystal-clear waters, reminiscent of a hidden oasis deep within a dense forest. This color is similar to the mesmerizing shades of jade found in lush vegetation. Canton exudes a sense of harmony and balance, mirroring the natural beauty of a secluded paradise.

Download Stunning Canton Wallpapers and Backgrounds

Enhance your devices with our minimalistic yet captivating Canton Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.

Experience Elegance with Canton 4K Wallpaper

Immerse yourself in the beauty of our Canton 4K Wallpaper, offering a resolution of 3840px by 2160px. Perfect for high-resolution displays, this wallpaper brings a touch of sophistication to your desktop.

Download Canton 4K Wallpaper

Tints and Shades of #649c97 HEX color (Canton)

In color theory, tints and shades are essential for understanding the depth and luminosity of colors. A tint is achieved by adding white to a pure hue, lightening its appearance. Conversely, a shade results from blending black with a color, giving it a deeper tone. In the context of #649c97, this color stands at the center between its tints and shades. While the tints get progressively lighter moving towards white (#ffffff), the shades deepen towards black (#000000).

  • #ffffff
  • #D8E6E5
  • #B2CECB
  • #8BB5B1
  • #649c97
  • #4B7571
  • #324E4C
  • #192726
  • #000000

Tones of Canton (#649c97 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #649c97, #6f918e is the less saturated color, while #649c97 is the most saturated one.

  • #6f918e
  • #6c9490
  • #6a9692
  • #679995
  • #649c97
  • #3f4646
  • #343d3c
  • #2a3332
  • #1f2a29

HTML Usage Examples

HTML using color code example

<p style="color: #649c97;">This is a css example</p>

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #649c97.

CSS color code example

p { color: #649c97; }

Text with hexadecimal color #649c97

This is a sample text with color #649c97.

Background Color with #649c97

This is a example with background color #649c97.

Border Color with #649c97

This is a example of a border with #649c97.

#649c97 Color Preview on White (#ffffff) Background

This is a example of text with color #649c97 on white background.

#649c97 Color Preview on Black (#000000) Background

This is a example of text with color #649c97 on black background.

CSS codes examples

.text {color:#649c97;}
.background {background-color:#649c97;}
.border {border:1px solid #649c97;}

Complementary Color

#649c97
#9C6368

Analogous Colors

#507C62
#507C6D
#83AFA0
#639C97
#83A8AF
#50757C
#506A7C

Split Complementary Colors

#9C6384
#639C97
#9C7B63

Triadic Colors

#97639C
#639C97
#9C9763

Tetradic Colors

#7B639C
#9C6368
#849C63