Color Surfside cyan (#9acad3):
HEX, RGB color codes for HTML and CSS
The Comprehensive Guide to Surfside cyan (#9acad3):
Its Meaning and Harmonious Color Matches in Design.
Hue Family:
cyans
cyans Family:
neutral
Saturation:
weakly saturated
Tones:
colorful tone
Shade:
light
Temperature:
cool
Chromaticity:
chromatic
Chroma:
medium chroma
Color Information about Surfside / #9acad3
The HTML HEX code is #9acad3. The corresponding color name is "Surfside". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 154%, Green (G): 202%, Blue (B): 211%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 27%, Magenta (M): 4%, Yellow (Y):0%, Black (K): 17%. In the HSL color space, #9acad3 has a hue of 189°, saturation of 39%, and lightness of 72%. The HSV representation is 189° for hue, 27% for saturation, and 83% for value.
In the CIE-LAB color space, the color is denoted by L* (lightness) = 78, a* (green to red) = -14, and b* (blue to yellow) = -10. The XYZ representation is X: 46, Y: 54, Z: 70. In the YUV color space, it translates to Y (luminance) = 0.7399, U (chrominance) = 0.0431, and V (chrominance) = -0.1193.
The decimal value of the color is 10144467. The closest Web-safe HEX code is #99CCCC. Variations of the colour are #E3F0F3 for a 20% lighter version and #55A6B4 for a 20% darker version.
For the color with hex value #9acad3, the correlated color temperature (CT) is estimated to be 9376 Kelvin (9376K).
The approximate wavelength of #9acad3 is around 495.50nm.
VALUE | CSS | |
---|---|---|
HEX Code | 9acad3 | #9acad3 |
RGB Decimal Code | 154, 202, 211 | rgb(154, 202, 211) |
CMYK | 27, 4, 0, 17 | / |
HSL | 189°, 39%, 72% | hsl(189°, 39%, 72%) |
HSV | 189°, 27%, 83% | / |
CIE-LAB | 78, -14, -10 | / |
XYZ | 46, 54, 70 | / |
YUV | 0.7399, 0.0431, -0.1193 | / |
Decimal value | 10144467 | / |
Web-Safe HEX | 99CCCC | #99CCCC |
Color Temperature (CT) | 9376 Kelvin (9376K) | / |
Estimate Wavelength | around 495.50nm | / |
The Depth and Diversity of Surfside (Hex: #9acad3): Exploring its Impact in Design and Culture
Surfside (#9acad3) is a serene and refreshing color that reminiscent of the tranquility of the ocean. Its cool, light blue hue is comparable to the gentle waves of a secluded beach, creating a sense of peace and relaxation. This color is like a clear sky on a sunny day, or a crystalline pool inviting you for a swim. The Surfside color can be seen in picturesque tropical waters, where it harmonizes with coral reefs and vibrant marine life. It evokes a sense of escape and serenity, making it ideal for spa websites, vacation destinations, or any brand seeking to convey a soothing and refreshing atmosphere.
Download Stunning Surfside Wallpapers and Backgrounds
Enhance your devices with our minimalistic yet captivating Surfside Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.
Experience Elegance with Surfside 4K Wallpaper
Immerse yourself in the beauty of our Surfside 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 Surfside 4K WallpaperTints and Shades of #9acad3 HEX color (Surfside)
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 #9acad3, 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
- #E6F2F4
- #CDE5E9
- #B3D7DE
- #9acad3
- #74989E
- #4D656A
- #273335
- #000000
Tones of Surfside (#9acad3 HEX color)
A tone is produced by adding gray to any pure hue. In the case of #9acad3, #90acb2 is the less saturated color, while #9acad3 is the most saturated one.
- #90acb2
- #92b4ba
- #95bbc2
- #97c3cb
- #9acad3
- #517076
- #496e75
- #416b73
- #396972
HTML Usage Examples
HTML using color code example
<p style="color: #9acad3;">This is a css example</p>
HTML / CSS Color Name using W3C
W3C HTML / CSS Color Name doesn't exist for #9acad3.
CSS color code example
p { color: #9acad3; }
Text with hexadecimal color #9acad3
This is a sample text with color #9acad3.
Background Color with #9acad3
This is a example with background color #9acad3.
Border Color with #9acad3
#9acad3 Color Preview on White (#ffffff) Background
This is a example of text with color #9acad3 on white background.
#9acad3 Color Preview on Black (#000000) Background
This is a example of text with color #9acad3 on black background.
CSS codes examples
.text {color:#9acad3;}
.background {background-color:#9acad3;}
.border {border:1px solid #9acad3;}