Color Combos

Color #00CC9F – Teal Color Palettes & Inspiration

0
Likes
0
Views

Color #00CC9F preview

Actions tap to open
Create Combo
Random

Quick Variations

Original color Lighter 10% Lighter 20% Darker 10% Darker 20% Analogous −30° Analogous +30° Triadic −120° Triadic +120°

#00CC9F FAQs

What is the RGB value of #00CC9F?

RGB: 0, 204, 159. Copy as CSS: rgb(0, 204, 159).

Is #00CC9F a web-safe color?

No — web-safe colors use pairs from 00, 33, 66, 99, CC, FF.

What is the complementary color of #00CC9F?

Complement: #FF3360.

Does #00CC9F have good contrast on white or black?

On white: 2.07:1 (Fails AA). On black: 10.14:1 (AAA (normal text)).

Color #00cc9f Description

Build combos with #00CC9F

#00CC9F has RGB values of 0, 204, 159 and CMYK 100, 0, 22, 20. This teal color works well for balanced UI elements and charts. Tags: cool, deep, jewel tone, teal family, reads well with black text. The page below contains color combinations, color schemes, color palettes, and images that match and go well with the hex color 00cc9f. The best text color paired with #00CC9F is #000000 There is 1 colour combination with hex code #00cc9f.

Readable text on #00CC9F
Black text: AAAWhite text: Fail

#00cc9f Color Codes

Color Swatch Color Codes Tags
  • Hex: #00cc9f
  • RGB: 0, 204, 159
  • CMYK: 100, 0, 22.1, 20
  • HSV: 167, 100, 80

Complementary Color Palettes with #00cc9f

Complementary Palette

#00cc9f #cc00c6 #cc0060 #cc0600 #cc6c00 #c6cc00

Split Complementary Palette

#00cc9f #cc007a #cc0046 #cc0014 #cc1f00 #cc5300

Analogous Palette

#00cc9f #00cc06 #00cc6c #00c6cc #0060cc #0600cc

Triadic Palette

#00cc9f #0600cc #6c00cc #cc00c6 #cc0060 #cc0600

Monochrome Palette

#00cc9f #005542 #00aa85 #00ffc7 #55ffda #aaffec

Font Color Tester

Font Tester: Preview Fonts with #00CC9F text and Background (#000000)
BG: #000000 TEXT: #00CC9F Contrast: 10.14:1
Font Tester: Preview Fonts with #000000 text and Background (#00CC9F)
BG: #00CC9F TEXT: #000000 Contrast: 10.14:1
Font Tester: Preview Fonts with #00CC9F text and Background (#FF3360)
BG: #FF3360 TEXT: #00CC9F Contrast: 1.72:1
Font Tester: Preview Fonts with #FF3360 text and Background (#00CC9F)
BG: #00CC9F TEXT: #FF3360 Contrast: 1.72:1
Font Tester: Preview Fonts with #00CC9F text and Background (#002920)
BG: #002920 TEXT: #00CC9F Contrast: 7.58:1
Font Tester: Preview Fonts with #002920 text and Background (#00CC9F)
BG: #00CC9F TEXT: #002920 Contrast: 7.58:1