A next-generation tool to create blazing-fast documentation sites
API
created:12/30/2020
updated:12/30/2020
loc
141
comments
7%

SeedsColor

avatar of atanasster

Color item displaying the color as a block with RGB and CMYK colors. The color name and description are displayed below the block. Design inspired by SproutSocial's Seed.

Overview

RGB: 12,167,80
CMYK: 93,0,52,35
green.700
green.800

Green 700 is the core of our brand identity. Use Green 700 for primary actions and buttons, links, for indicating progress and representing authentication.

Name
Description
Default
Controls
name

name of the color, If none, or same as the color value, some color blocks will not display it

string
-
color

color value as a string. accepted hex, rgb, hsl color strings

ColorValue
-

A11y tests

RGB: 12,167,80
CMYK: 93,0,52,35
green.700
green.800

Green 700 is the core of our brand identity. Use Green 700 for primary actions and buttons, links, for indicating progress and representing authentication.

Viewport

RGB: 12,167,80
CMYK: 93,0,52,35
green.700
green.800

Green 700 is the core of our brand identity. Use Green 700 for primary actions and buttons, links, for indicating progress and representing authentication.

320px
RGB: 12,167,80
CMYK: 93,0,52,35
green.700
green.800

Green 700 is the core of our brand identity. Use Green 700 for primary actions and buttons, links, for indicating progress and representing authentication.

375px
RGB: 12,167,80
CMYK: 93,0,52,35
green.700
green.800

Green 700 is the core of our brand identity. Use Green 700 for primary actions and buttons, links, for indicating progress and representing authentication.

768px
RGB: 12,167,80
CMYK: 93,0,52,35
green.700
green.800

Green 700 is the core of our brand identity. Use Green 700 for primary actions and buttons, links, for indicating progress and representing authentication.

1024px