Color Teal Blue cyan (#01889f):
HEX, RGB color codes for HTML and CSS

The Comprehensive Guide to Teal Blue cyan (#01889f):
Its Meaning and Harmonious Color Matches in Design.

Teal Blue is a color with a HTML hex code of #01889f.

Hue Family:
cyans

cyans Family:
neutral-vibrant

Saturation:
highly saturated

Tones:
colorful tone

Shade:
medium

Temperature:
cool

Chromaticity:
chromatic

Chroma:
high chroma

Color Information about Teal Blue / #01889f

The HTML HEX code is #01889f. The corresponding color name is "Teal Blue". In RGB values (additive color space used for Digital Displays), this HEX code translates to Red (R): 1%, Green (G): 136%, Blue (B): 159%. In the CMYK color model (subtractive color model used in printing), it is represented by Cyan (C): 99%, Magenta (M): 14%, Yellow (Y):0%, Black (K): 38%. In the HSL color space, #01889f has a hue of 189°, saturation of 99%, and lightness of 31%. The HSV representation is 189° for hue, 99% for saturation, and 62% for value.

In the CIE-LAB color space, the color is denoted by L* (lightness) = 52, a* (green to red) = -22, and b* (blue to yellow) = -21. The XYZ representation is X: 15, Y: 20, Z: 36. In the YUV color space, it translates to Y (luminance) = 0.3853, U (chrominance) = 0.1172, and V (chrominance) = -0.3346.

The decimal value of the color is 100511. The closest Web-safe HEX code is #009999. Variations of the colour are #06D9FE for a 20% lighter version and #002F38 for a 20% darker version.

For the color with hex value #01889f, the correlated color temperature (CT) is estimated to be 20143 Kelvin (20143K).

The approximate wavelength of #01889f is around 495.50nm.

VALUECSS
HEX Code01889f#01889f
RGB Decimal Code1, 136, 159rgb(1, 136, 159)
CMYK99, 14, 0, 38/
HSL189°, 99%, 31%hsl(189°, 99%, 31%)
HSV189°, 99%, 62%/
CIE-LAB52, -22, -21/
XYZ 15, 20, 36/
YUV0.3853, 0.1172, -0.3346/
Decimal value100511/
Web-Safe HEX009999#009999
Color Temperature (CT)20143 Kelvin (20143K)/
Estimate Wavelengtharound 495.50nm/

The Depth and Diversity of Teal Blue (Hex: #01889f): Exploring its Impact in Design and Culture

Teal Blue (#01889f) resembles the pristine waters found in tropical destinations, such as the Caribbean Sea or the Maldives. Its deep blue-green hue brings to mind the serenity and tranquility of a secluded beach, where waves gently crash against the shore. This color is reminiscent of calmness and relaxation, just like the endless expanse of the ocean on a sunny day. Additionally, Teal Blue can also be compared to the vibrant feathers of a peacock or the beautiful scales of a tropical fish.

Download Stunning Teal Blue Wallpapers and Backgrounds

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

Experience Elegance with Teal Blue 4K Wallpaper

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

Tints and Shades of #01889f HEX color (Teal Blue)

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 #01889f, 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
  • #C0E1E7
  • #80C4CF
  • #41A6B7
  • #01889f
  • #016677
  • #014450
  • #002228
  • #000000

Tones of Teal Blue (#01889f HEX color)

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

  • #348593
  • #278696
  • #1a8699
  • #0e879c
  • #01889f
  • #333333
  • #262626
  • #1a1a1a
  • #0d0d0d

HTML Usage Examples

HTML using color code example

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

HTML / CSS Color Name using W3C

W3C HTML / CSS Color Name doesn't exist for #01889f.

CSS color code example

p { color: #01889f; }

Text with hexadecimal color #01889f

This is a sample text with color #01889f.

Background Color with #01889f

This is a example with background color #01889f.

Border Color with #01889f

This is a example of a border with #01889f.

#01889f Color Preview on White (#ffffff) Background

This is a example of text with color #01889f on white background.

#01889f Color Preview on Black (#000000) Background

This is a example of text with color #01889f on black background.

CSS codes examples

.text {color:#01889f;}
.background {background-color:#01889f;}
.border {border:1px solid #01889f;}

Complementary Color

#01889f
#9D1801

Analogous Colors

#016B45
#016B60
#01D0BB
#01869D
#017DD0
#01406B
#01266B

Split Complementary Colors

#9D0138
#01869D
#9D6701

Triadic Colors

#9D0186
#01869D
#869D01

Tetradic Colors

#67019D
#9D1801
#389D01