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.

Ocean Tropic is a color with a HTML hex code of #67a6d4.

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.

VALUECSS
HEX Code67a6d4#67a6d4
RGB Decimal Code103, 166, 212rgb(103, 166, 212)
CMYK51, 22, 0, 17/
HSL205°, 56%, 62%hsl(205°, 56%, 62%)
HSV205°, 51%, 83%/
CIE-LAB66, -7, -30/
XYZ 31, 35, 67/
YUV0.5977, 0.1150, -0.1700/
Decimal value6792916/
Web-Safe HEX6699CC#6699CC
Color Temperature (CT)21369 Kelvin (21369K)/
Estimate Wavelengtharound 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 Wallpaper

Tints 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

This is a example of a border 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;}

Complementary Color

#67a6d4
#D49568

Analogous Colors

#40C9BE
#40B2C9
#90D2E0
#68A7D4
#90AAE0
#406EC9
#404BC9

Split Complementary Colors

#D46871
#68A7D4
#D4CB68

Triadic Colors

#D468A7
#68A7D4
#A7D468

Tetradic Colors

#CB68D4
#D49568
#71D468