Color Waikiki cyan (#218ba0):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Waikiki cyan (#218ba0):
Its Meaning and Harmonious Color Matches in Design.

Waikiki is a color with a HTML hex code of #218ba0.

Hue Family:
cyans

cyans Family:
neutral

Saturation:
highly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
medium chroma

Color Information about Waikiki / #218ba0

The HTML HEX code is #218ba0. The corresponding color name is "Waikiki". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 33%, Green (G): 139%, Blue (B): 160%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 79%, Magenta (M): 13%, Yellow (Y):0%, Black (K): 37%. In the HSL color space, #218ba0 has a hue of 190°, saturation of 66%, and lightness of 38%. The HSV representation is 190° for hue, 79% for saturation, and 63% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 53, a* (green to red) = -21, and b* (blue to yellow) = -19. The XYZ representation is X: 16, Y: 21, Z: 37. In the YUV color space, it translates to Y (luminance) = 0.4302, U (chrominance) = 0.0971, and V (chrominance) = -0.2639.

The decimal value of the color is 2198432. The closest Web-safe HEX code is #339999. Variations of the colour are #4DC3DB for a 20% lighter version and #10424C for a 20% darker version.

For the color with hex value #218ba0, the correlated color temperature (CT) is estimated to be 18008 Kelvin (18008K).

The approximate wavelength of #218ba0 is around 495.00nm.

VALUECSS
HEX Code218ba0#218ba0
RGB Decimal Code33, 139, 160rgb(33, 139, 160)
CMYK79, 13, 0, 37/
HSL190°, 66%, 38%hsl(190°, 66%, 38%)
HSV190°, 79%, 63%/
CIE-LAB53, -21, -19/
XYZ 16, 21, 37/
YUV0.4302, 0.0971, -0.2639/
Decimal value2198432/
Web-Safe HEX339999#339999
Color Temperature (CT)18008 Kelvin (18008K)/
Estimate Wavelengtharound 495.00nm/

The Depth and Diversity of Waikiki (Hex: #218ba0): Exploring its Impact in Design and Culture

#218ba0, also known as Waikiki, is a vibrant and refreshing color reminiscent of the pristine waters of a tropical beach. This color captures the essence of the sea, with its deep blue-green hue that reflects the sunlight and creates an inviting atmosphere. Just like the waves gently crashing on the shore, Waikiki exudes tranquility and relaxation. Its cool tone evokes a sense of calmness and serenity, transporting you to a peaceful oasis. Whether used in web design, fashion, or home decor, Waikiki adds a touch of tropical bliss, making it perfect for beach-themed projects or creating a soothing ambiance.

Download Stunning Waikiki Wallpapers and Backgrounds

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

Experience Elegance with Waikiki 4K Wallpaper

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

Tints and Shades of #218ba0 HEX color (Waikiki)

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 #218ba0, 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
  • #C8E2E7
  • #90C5D0
  • #59A8B8
  • #218ba0
  • #196878
  • #114650
  • #082328
  • #000000

Tones of Waikiki (#218ba0 HEX color)

A tone is produced by adding gray to any pure hue. In the case of #218ba0, #478793 is the less saturated color, while #218ba0 is the most saturated one.

  • #478793
  • #3e8896
  • #34899a
  • #2b8a9d
  • #218ba0
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #218ba0.

CSS color code example

p { color: #218ba0; }

Text with hexadecimal color #218ba0

This is a sample text with color #218ba0.

Background Color with #218ba0

This is a example with background color #218ba0.

Border Color with #218ba0

This is a example of a border with #218ba0.

#218ba0 Color Preview on White (#ffffff) Background

This is a example of text with color #218ba0 on white background.

#218ba0 Color Preview on Black (#000000) Background

This is a example of text with color #218ba0 on black background.

CSS codes examples

.text {color:#218ba0;}
.background {background-color:#218ba0;}
.border {border:1px solid #218ba0;}

Complementary Color

#218ba0
#A13621

Analogous Colors

#187757
#18776F
#2ACBBE
#218CA1
#2A88CB
#184F77
#183877

Split Complementary Colors

#A1214C
#218CA1
#A17621

Triadic Colors

#A1218C
#218CA1
#8CA121

Tetradic Colors

#7621A1
#A13621
#4CA121