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.
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.
VALUE | CSS | |
---|---|---|
HEX Code | 218ba0 | #218ba0 |
RGB Decimal Code | 33, 139, 160 | rgb(33, 139, 160) |
CMYK | 79, 13, 0, 37 | / |
HSL | 190°, 66%, 38% | hsl(190°, 66%, 38%) |
HSV | 190°, 79%, 63% | / |
CIE-LAB | 53, -21, -19 | / |
XYZ | 16, 21, 37 | / |
YUV | 0.4302, 0.0971, -0.2639 | / |
Decimal value | 2198432 | / |
Web-Safe HEX | 339999 | #339999 |
Color Temperature (CT) | 18008 Kelvin (18008K) | / |
Estimate Wavelength | around 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 WallpaperTints 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
#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;}