Tints of Material Design Cyan color #00BCD4 hex
- #00bcd4
- #19c3d8
- #33c9dd
- #4dd0e1
- #66d7e5
- #80deea
- #99e4ee
- #b3ebf2
- #ccf2f6
- #e6f8fb
Tints of Material Design Cyan color #00BCD4 hex has 10 colors, mostly cyan. The lightest color is Azure (#E6F8FB), the darkest Dark Turquoise (#00BCD4). No color pair reaches the WCAG 3:1 minimum; the best is 2.0:1.
A sequential monochrome scheme: tints and shades of a single hue step between light and dark.
By lightness, this palette runs from #00BCD4 (darkest) to #E6F8FB (lightest). The lightness range is moderate.
Overall saturation feels vivid (higher chroma) — 100% of colors are vivid.
An analogous palette: its hues sit close together on the color wheel, within about 3°.
Overall temperature among swatches leans cool (9 of 10).
HEX codes (sorted): #00BCD4, #19C3D8, #33C9DD, #4DD0E1, #66D7E5, #80DEEA, #99E4EE, #B3EBF2, #CCF2F6, #E6F8FB
Color codes in palette
Tints of Material Design Cyan color #00BCD4 hex color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #00bcd4 | #00bcd4 | RGB(0, 188, 212) | — | — |
| #19c3d8 | #19c3d8 | RGB(25, 195, 216) | — | — |
| #33c9dd | #33c9dd | RGB(51, 201, 221) | — | — |
| #4dd0e1 | #4dd0e1 | RGB(77, 208, 225) | — | — |
| #66d7e5 | #66d7e5 | RGB(102, 215, 229) | — | — |
| #80deea | #80deea | RGB(128, 222, 234) | — | — |
| #99e4ee | #99e4ee | RGB(153, 228, 238) | — | — |
| #b3ebf2 | #b3ebf2 | RGB(179, 235, 242) | — | — |
| #ccf2f6 | #ccf2f6 | RGB(204, 242, 246) | — | — |
| #e6f8fb | #e6f8fb | RGB(230, 248, 251) | — | — |
Color Palette Contrast
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#00bcd4 | #19c3d8 | 1.07 |
#00bcd4 | #33c9dd | 1.15 |
#00bcd4 | #4dd0e1 | 1.24 |
#00bcd4 | #66d7e5 | 1.35 |
#00bcd4 | #80deea | 1.48 |
#00bcd4 | #99e4ee | 1.6 |
Image palette Tints of Material Design Cyan color #00BCD4 hex png
Export Palette
Available formats: