Light Teal Color Code: HEX Code & RGB Code Values

Looking for specific light teal color code? Get exact light teal hex code #B2D8D8 and light teal RGB code rgb(178,216,216). Complete color information for design and development projects featuring this soft, refreshing color.

HEX#B2D8D8

RGBrgb(178,216,216)

Shades of Light Teal

Create custom shades of light teal with our color generator. Adjust hues, tints, and tones to find the perfect shade of light teal for your project.

Color Picker

🎨

HEX Color Value

Pick from Image

Shades (Adding Black)

• B2D8D8

  rgb(178, 216, 216)
• 92B0B0

  rgb(146, 176, 176)
• 738A8A

  rgb(115, 138, 138)
• 566666

  rgb(86, 102, 102)
• 3A4444

  rgb(58, 68, 68)
• 202424

  rgb(32, 36, 36)
• 000000

  rgb(0, 0, 0)

Tints (Adding White)

• B2D8D8

  rgb(178, 216, 216)
• BFDEDE

  rgb(191, 222, 222)
• CCE5E5

  rgb(204, 229, 229)
• D9EBEB

  rgb(217, 235, 235)
• E5F2F2

  rgb(229, 242, 242)
• F2F8F8

  rgb(242, 248, 248)
• FFFFFF

  rgb(255, 255, 255)

Tones (Adding Gray)

• B2D8D8

  rgb(178, 216, 216)
• B6D7D7

  rgb(182, 215, 215)
• BBD6D6

  rgb(187, 214, 214)
• C0D5D5

  rgb(192, 213, 213)
• C5D4D3

  rgb(197, 212, 211)
• CBD2D2

  rgb(203, 210, 210)
• 808080

  rgb(128, 128, 128)

Light Teal Palette

Explore curated and automatically generated color palettes featuring light teal. See how it harmonizes with other colors for UI themes, graphics, and branding materials.

Color Picker

🎨

HEX Color Value

Sequential

Single hue gradient for data visualization

7 colors

Lightest

#EEF6F6

Light

#DAECEC

Medium Light

#C6E2E2

Medium

#B2D8D8

Medium Dark

#8FB9B8

Dark

#6D9A9A

Darkest

#4C7D7C

Diverging

Dual hue gradient with a neutral midpoint

9 colors

Base End

#B2D8D8

Left Dark

#C3DFDF

Left Medium

#D4E7E6

Left Light

#E4EEEE

Neutral

#F5F5F5

Right Light

#EEE4E4

Right Medium

#E7D3D3

Right Dark

#E0C3C2

Complementary End

#D8B2B2

Monochromatic

Same hue, different brightness/saturation

5 colors

Lightest

#FFFFFF

Light

#D9EBEB

Medium

#B2D8D8

Dark

#466969

Darkest

#000000

Analogous

Colors adjacent on the color wheel (30° apart)

5 colors

Left Adjacent 2

#B2D8B2

Left Adjacent 1

#B2D8C5

Main

#B2D8D8

Right Adjacent 1

#B2C5D8

Right Adjacent 2

#B2B2D8

Complementary

Colors opposite on the color wheel (180° apart)

2 colors

Main

#B2D8D8

Complementary

#D8B2B2

Triadic

Evenly spaced around the color wheel (120° apart)

3 colors

Main

#B2D8D8

Secondary

#D8B2D8

Tertiary

#D8D8B2

Square

Four colors evenly spaced (90° apart)

4 colors

Main

#B2D8D8

Right 90°

#C5B2D8

Complementary

#D8B2B2

Left 90°

#C5D8B2

Tetradic

Two pairs of complementary colors

4 colors

Main

#B2D8D8

Secondary

#B2B2D8

Complementary

#D8B2B2

Complementary Secondary

#D8D8B2

Split Complementary

Complementary colors ±30°

3 colors

Main

#B2D8D8

Split Left

#D8B2C5

Split Right

#D8C5B2

Cyclic

Circular gradient for periodic data

8 colors

0°

#B2D8D8

45°

#B2BBD8

90°

#C5B2D8

135°

#D8B2CE

180°

#D8B2B2

225°

#D8CFB2

270°

#C5D8B2

315°

#B2D8BB

Pastel

Soft, desaturated colors for modern UI

6 colors

Light Pastel

#ABBABA

Pastel 1

#B6C3C3

Pastel 2

#C1CDCD

Pastel 3

#CDD6D6

Pastel 4

#D8DFDF

Deep Pastel

#E3E8E8

Common Blue Color Codes (HEX & RGB)

Blue →

HEX:#0000FF

RGB:rgb(0, 0, 255)

Navy Blue →

HEX:#000080

RGB:rgb(0, 0, 128)

Dark Blue →

HEX:#00008B

RGB:rgb(0, 0, 139)

Light Blue →

HEX:#ADD8E6

RGB:rgb(173, 216, 230)

Royal Blue →

HEX:#4169E1

RGB:rgb(65, 105, 225)

Sky Blue →

HEX:#87CEEB

RGB:rgb(135, 206, 235)

Baby Blue →

HEX:#89CFF0

RGB:rgb(137, 207, 240)

Electric Blue →

HEX:#7DF9FF

RGB:rgb(125, 249, 255)

Indigo →

HEX:#4B0082

RGB:rgb(75, 0, 130)

Turquoise →

HEX:#40E0D0

RGB:rgb(64, 224, 208)

Cyan →

HEX:#00FFFF

RGB:rgb(0, 255, 255)

Extract Light Teal Hex & RGB Codes from Image

Upload a photo to find the exact light teal HEX and RGB codes.

click or drag your image here

Supported formats: JPG, PNG, WebP

Light Teal Color Code Converter

Instantly convert between HEX, RGB, CMYK, and more for light teal shades.

Color Picker

🎨

HEX Color Value

All Formats:

• HEX:
  #B2D8D8
• RGB:
  rgb(178, 216, 216)
• CMYK:
  cmyk(18%, 0%, 0%, 15%)
• HSV:
  hsv(180°, 18%, 85%)
• HSL:
  hsl(180°, 33%, 77%)

---

What is Light Teal?

Light teal is a soft, refreshing blue-green color that combines blue and green in gentle harmony. It's a calming, natural shade that evokes feelings of renewal and tranquility.

The hex code for light teal is #B2D8D8, with RGB values of rgb(178, 216, 216). It's a soothing, balanced color.

Design Applications

Light teal works well in nature designs, wellness branding, and coastal aesthetics. It pairs beautifully with white, sand, and soft yellow. Use it for spa designs, environmental branding, or beach themes.

FAQ

What is the light teal hex code?

The light teal hex code is #B2D8D8.

What colors complement light teal?

Light teal pairs well with white, sand, soft yellow, and mint.

Is light teal a trendy color?

Yes, it's popular in wellness and minimalist design trends.