Color Ocean Tropic aqua-blue (#67a6d4):
HEX, RGB color codes for HTML and CSS
The Comprehensive Guide to Ocean Tropic aqua-blue (#67a6d4):
Its Meaning and Harmonious Color Matches in Design.
Hue Family:
aqua-blues
aqua-blues Family:
neutral
Saturation:
moderately saturated
Tones:
colorful tone
Shade:
light
Temperature:
cool
Chromaticity:
chromatic
Chroma:
medium chroma
Color Information about Ocean Tropic / #67a6d4
The HTML HEX code is #67a6d4. The corresponding color name is "Ocean Tropic". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 103%, Green (G): 166%, Blue (B): 212%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 51%, Magenta (M): 22%, Yellow (Y):0%, Black (K): 17%. In the HSL color space, #67a6d4 has a hue of 205°, saturation of 56%, and lightness of 62%. The HSV representation is 205° for hue, 51% for saturation, and 83% for value.
In the CIE-LAB color space, the color is denoted by L* (lightness) = 66, a* (green to red) = -7, and b* (blue to yellow) = -30. The XYZ representation is X: 31, Y: 35, Z: 67. In the YUV color space, it translates to Y (luminance) = 0.5977, U (chrominance) = 0.1150, and V (chrominance) = -0.1700.
The decimal value of the color is 6792916. The closest Web-safe HEX code is #6699CC. Variations of the colour are #B7D5EB for a 20% lighter version and #2F75A7 for a 20% darker version.
For the color with hex value #67a6d4, the correlated color temperature (CT) is estimated to be 21369 Kelvin (21369K).
The approximate wavelength of #67a6d4 is around 487.50nm.
VALUE | CSS | |
---|---|---|
HEX Code | 67a6d4 | #67a6d4 |
RGB Decimal Code | 103, 166, 212 | rgb(103, 166, 212) |
CMYK | 51, 22, 0, 17 | / |
HSL | 205°, 56%, 62% | hsl(205°, 56%, 62%) |
HSV | 205°, 51%, 83% | / |
CIE-LAB | 66, -7, -30 | / |
XYZ | 31, 35, 67 | / |
YUV | 0.5977, 0.1150, -0.1700 | / |
Decimal value | 6792916 | / |
Web-Safe HEX | 6699CC | #6699CC |
Color Temperature (CT) | 21369 Kelvin (21369K) | / |
Estimate Wavelength | around 487.50nm | / |
The Depth and Diversity of Ocean Tropic (Hex: #67a6d4): Exploring its Impact in Design and Culture
Ocean Tropic (#67a6d4) is a vibrant blue color reminiscent of tropical waters. This shade reflects the certainty of a clear summer day by the beach. Its concision evokes the image of a vast, pristine ocean with gentle waves crashing against the shore. Ocean Tropic resembles the deep blue hues found in marine life, such as the exquisite scales of a parrotfish or the tranquil blue veil of a jellyfish. It captures the essence of coastal serenity, transporting us to a paradise where we can bask in the warmth of a sun-kissed day.
Download Stunning Ocean Tropic Wallpapers and Backgrounds
Enhance your devices with our minimalistic yet captivating Ocean Tropic Wallpapers, perfectly designed for 4K, 5K, iPhone, and Android screens. Experience a unique aesthetic that brings elegance to your digital life.
Experience Elegance with Ocean Tropic 4K Wallpaper
Immerse yourself in the beauty of our Ocean Tropic 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 Ocean Tropic 4K WallpaperTints and Shades of #67a6d4 HEX color (Ocean Tropic)
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 #67a6d4, 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
- #D9E9F4
- #B3D3EA
- #8DBCDF
- #67a6d4
- #4D7D9F
- #34536A
- #1A2A35
- #000000
Tones of Ocean Tropic (#67a6d4 HEX color)
A tone is produced by adding gray to any pure hue. In the case of #67a6d4, #7197b2 is the less saturated color, while #67a6d4 is the most saturated one.
- #7197b2
- #6f9bbb
- #6c9ec3
- #6aa2cc
- #67a6d4
- #425767
- #375063
- #2d4a5f
- #22435b
HTML Usage Examples
HTML using color code example
<p style="color: #67a6d4;">This is a css example</p>
HTML / CSS Color Name using W3C
W3C HTML / CSS Color Name doesn't exist for #67a6d4.
CSS color code example
p { color: #67a6d4; }
Text with hexadecimal color #67a6d4
This is a sample text with color #67a6d4.
Background Color with #67a6d4
This is a example with background color #67a6d4.
Border Color with #67a6d4
#67a6d4 Color Preview on White (#ffffff) Background
This is a example of text with color #67a6d4 on white background.
#67a6d4 Color Preview on Black (#000000) Background
This is a example of text with color #67a6d4 on black background.
CSS codes examples
.text {color:#67a6d4;}
.background {background-color:#67a6d4;}
.border {border:1px solid #67a6d4;}