Color Charter aqua-blue (#69b2cf):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Charter aqua-blue (#69b2cf):
Its Meaning and Harmonious Color Matches in Design.

Charter is a color with a HTML hex code of #69b2cf.

Hue Family:

aqua-blues Family:

moderately saturated

colorful tone




medium chroma

Color Information about Charter / #69b2cf

The HTML HEX code is #69b2cf. The corresponding color name is "Charter". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 105%, Green (G): 178%, Blue (B): 207%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 49%, Magenta (M): 14%, Yellow (Y):0%, Black (K): 19%. In the HSL color space, #69b2cf has a hue of 197°, saturation of 52%, and lightness of 61%. The HSV representation is 197° for hue, 49% for saturation, and 81% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 69, a* (green to red) = -15, and b* (blue to yellow) = -22. The XYZ representation is X: 33, Y: 39, Z: 65. In the YUV color space, it translates to Y (luminance) = 0.6254, U (chrominance) = 0.0917, and V (chrominance) = -0.1874.

The decimal value of the color is 6927055. The closest Web-safe HEX code is #6699CC. Variations of the colour are #B5D9E8 for a 20% lighter version and #32809F for a 20% darker version.

For the color with hex value #69b2cf, the correlated color temperature (CT) is estimated to be 14939 Kelvin (14939K).

The approximate wavelength of #69b2cf is around 491.50nm.

HEX Code69b2cf#69b2cf
RGB Decimal Code105, 178, 207rgb(105, 178, 207)
CMYK49, 14, 0, 19/
HSL197°, 52%, 61%hsl(197°, 52%, 61%)
HSV197°, 49%, 81%/
CIE-LAB69, -15, -22/
XYZ 33, 39, 65/
YUV0.6254, 0.0917, -0.1874/
Decimal value6927055/
Web-Safe HEX6699CC#6699CC
Color Temperature (CT)14939 Kelvin (14939K)/
Estimate Wavelengtharound 491.50nm/

The Depth and Diversity of Charter (Hex: #69b2cf): Exploring its Impact in Design and Culture

Charter (#69b2cf) is reminiscent of the clear, azure blue of a calm ocean on a sunny day. This color evokes feelings of tranquility and serenity. It mirrors the hue of the sky reflected in the water, offering a sense of openness and freedom. Like a tropical paradise, Charter brings to mind images of white sandy beaches, palm trees swaying gently in the breeze, and the soothing sound of waves crashing against the shore. It is a color that embodies peace and relaxation, transporting us to a serene natural oasis.

Download Stunning Charter Wallpapers and Backgrounds

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

Experience Elegance with Charter 4K Wallpaper

Immerse yourself in the beauty of our Charter 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 Charter 4K Wallpaper

Tints and Shades of #69b2cf HEX color (Charter)

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 #69b2cf, 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
  • #DAECF3
  • #B4D9E7
  • #8FC5DB
  • #69b2cf
  • #4F869B
  • #355968
  • #1A2D34
  • #000000

Tones of Charter (#69b2cf HEX color)

A tone is produced by adding gray to any pure hue. In the case of #69b2cf, #729eaf is the less saturated color, while #69b2cf is the most saturated one.

  • #729eaf
  • #70a3b7
  • #6ea8bf
  • #6badc7
  • #69b2cf
  • #435b64
  • #395560
  • #2e4e5b
  • #244857

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #69b2cf.

CSS color code example

p { color: #69b2cf; }

Text with hexadecimal color #69b2cf

This is a sample text with color #69b2cf.

Background Color with #69b2cf

This is a example with background color #69b2cf.

Border Color with #69b2cf

This is a example of a border with #69b2cf.

#69b2cf Color Preview on White (#ffffff) Background

This is a example of text with color #69b2cf on white background.

#69b2cf Color Preview on Black (#000000) Background

This is a example of text with color #69b2cf on black background.

CSS codes examples

.text {color:#69b2cf;}
.background {background-color:#69b2cf;}
.border {border:1px solid #69b2cf;}

Complementary Color


Analogous Colors


Split Complementary Colors


Triadic Colors


Tetradic Colors