Blue-green

#00CEC8

What color is Blue-green?

Blue-green is a medium-toned color that blends the coolness of blue with the brightness of green, hex #00CEC8, with a clear, slightly aquatic quality. It has a clean, light-reflecting appearance close to shallow tropical seawater.

What is the meaning of the color Blue-green?

Ancient Egyptian artisans used a similar hue in faience pottery and wall paintings as early as 3000 BCE, associating it with water, fertility, and protection. The English color name blue-green appeared in print by the mid-19th century as color classification became more systematic in art and science education. The pigment gained wider commercial use after synthetic turquoise dyes became available in the late 1800s, allowing the color to move from decorative arts into textiles and print. Tiffany and Co. adopted a close relative of this hue for their signature packaging in the 1840s, giving the color a lasting association with luxury and refinement.

RGB
0, 206, 200
HSL
178°, 100%, 40%
CMYK
100, 0, 3, 19
HSV
178°, 100%, 81%
Blue-green color

What colors go with Blue-green?

Colors that pair well with Blue-green include:
White: clean, open contrast
Coral: warm, lively balance
Navy: deep, grounding anchor
Sand: soft, natural warmth
Gold: rich, striking accent

Similar Colors

Conversions & Codes

Format Value CSS
HEX #00CEC8 color: #00CEC8;
RGB 0, 206, 200 color: rgb(0, 206, 200);
RGB Percentage 0%, 81%, 78% color: rgb(0%, 81%, 78%);
CMYK 100%, 0%, 3%, 19% Not supported in CSS
HSL 178°, 100%, 40% color: hsl(178, 100%, 40%);
HSV 178°, 100%, 81% Not supported in CSS
CIE-LAB 32, -41, 2 color: lab(32% -41 2);
Decimal 52936 Not supported in CSS

Color Variations

Shades

#00CCC5
#00B8B1
#00A39E
#008F8A
#007A76
#006663
#00524F
#003D3B

Tints

#A3FFFC
#85FFFB
#66FFFA
#47FFF9
#29FFF8
#0AFFF7
#00EBE3
#00CCC5

Tones

#00CCC5
#0AC2BC
#14B8B2
#1FADA9
#29A39F
#339996
#3D8F8C
#478583

Hues

#00CCC5
#003ACC
#5F00CC
#CC00A0
#CC0007
#CC9200
#6DCC00
#00CC2C

Color Harmonies

Analogous

#00CC5F
Click to copy
#00CEC8
Click to copy
#006DCC
Click to copy

Complementary

#00CEC8
Click to copy
#CC0007
Click to copy

Split Complementary

#00CEC8
Click to copy
#CC006D
Click to copy
#CC5F00
Click to copy

Triadic

#00CEC8
Click to copy
#C500CC
Click to copy
#CCC500
Click to copy

Tetradic

#00CEC8
Click to copy
#5F00CC
Click to copy
#CC0007
Click to copy
#6DCC00
Click to copy

Square

#00CEC8
Click to copy
#5F00CC
Click to copy
#CC0007
Click to copy
#6DCC00
Click to copy

CSS & Dev Snippets

CSS
.blue-green {
  color: #00CEC8;
}
SCSS
$blue-green: #00CEC8;
RGB
rgb(0, 206, 200)

Accessibility & Contrast

White background

1.97:1
1.97
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

10.66:1
10.66
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags