Contrast of text and background — orange #F7B01A and dark blue Colors #3B2D41

Combination of background color and text in contrast for good text readability.

This is a pangram

Typography is known for two-dimensional architecture and requires extra zeal within every job.

  • Light
  • Regular
  • Medium
  • Bold
Az
{{contrast}}:1

{{ textcolor }}

  • RGB {{ toRGB(textcolor) }}
  • CMYK {{ toCMYK(textcolor) }}
  • HSL {{ toHSL(textcolor) }}

{{ bgcolor }}

  • RGB {{ toRGB(bgcolor) }}
  • CMYK {{ toCMYK(bgcolor) }}
  • HSL {{ toHSL(bgcolor) }}

Color contrast — {{contrast}}:1

Suitable for the title!
Not suitable for the title!
AA — 3.1:1
AAA — 4.5:1
Suitable for description!
Not suitable for description!
AA — 4.5:1
AAA — 7.1:1

{{textcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

{{bgcolor}}


Dorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element.

Someone famous in Source Title
Progress
G

Gradients.app

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt.

Similar sets 🧁

Hello,
nice to see you!

Forgot Password?

Enter the email address you used when you joined and we’ll send you instructions to reset your password.

Create
a new account

Password mismatch

Big update

Dashboard, projects, and new design 🎁

Updated personal account design:
Removed unnecessary design elements, making it simpler and cleaner. The main screen now features statistics on the most popular gradients, and each published gradient can be viewed separately. Now all saved elements can be deleted from the account, which was previously impossible.

New section 'Projects' has been added:
Create projects, add any elements to them, and share the project link.