Color picker

Get useful color information like conversion, combinations, blindness simulation and more.
#
40E422
SGBUS green
#
Conversion Variations Color harmonies Blindness simulator Contrast checker Color libraries Color palettes

Conversion

HEX 40E422
RGB 64, 228, 34
CMYK 72, 0, 85, 11
HSB 111, 85, 89
HSL 111, 78, 51
LAB 80, -73, 73
XYZ 30, 57, 11
LCH 80, 103, 135
LUV 80, -68, 94
HWB 111, 13, 11

Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.
40E422
37D71B
33C619
2EB616
2AA514
269512
228410
1E740E
19630C
15530A
114208
0D3206
082104
041102
000000

Tints

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.
40E422
4CE530
59E740
67E950
75EB60
83ED70
91EF80
9EF190
ACF3A0
BAF5B0
C8F7BF
D6F9CF
E3FBDF
F1FDEF
FFFFFF

Tones

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.
40E422
43DD28
48D62F
4CCF35
51C83C
56C143
5BBA4A
60B351
65AC58
6AA55F
6F9E66
73976D
789074
7D897B
828282

Hues

A hue refers to the basic family of a color from red to violet. Hues are variations of a base color on the color wheel.
E39F22
E3C122
E3E222
C3E322
A2E322
81E322
60E322
40E422
22E326
22E347
22E368
22E389
22E3AA
22E3CC
22D9E3

Temperatures

Color are often divided in cool and warm according to how we perceive them. Greens and blues are cool, whilst reds and yellows are warm.
318383
339175
359F67
37AD59
3ABA4B
3CC83E
3ED630
40E422
4CD622
57C822
63BA22
6FAD22
7A9F22
869122
928322

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel. Learn more

Analogous

Analogous color schemes are made by picking three colors that are next to each other on the color wheel. They are perceived as calm and serene.
C0E421
40E422
21E485

Complementary

Complementary color schemes are made by picking two opposite colors on the color wheel. They appear vibrant near to each other.
40E422
C621E4

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
40E422
8521E4
E421C0

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
40E422
213EE4
E4213E

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
40E422
21E4C6
C621E4
E4213E

Square

Square color schemes are like tetradic arranged in a square instead of rectangle. Colors appear even more contrasting.
40E422
219FE4
C621E4
E46521

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs. Learn more

Protanopia

70% similar
1.3% of men, 0.02% of women
40E422
878850

Protanomaly

85% similar
1.3% of men, 0.02% of women
40E422
5EAD3A

Deuteranopia

59% similar
1.2% of men, 0.01% of women
40E422
7D715C

Deuteranomaly

88% similar
5% of men, 0.35% of women
40E422
60B93D

Tritanopia

54% similar
0.001% of men, 0.03% of women
40E422
48767E

Tritanomaly

85% similar
0.0001% of the population
40E422
45B045

Achromatopsia

66% similar
0.003% of the population
40E422
9C9C9C

Achromatomaly

87% similar
0.001% of the population
40E422
72BD64

Contrast checker

Verify the contrast of a text on white and black backgrounds. For additional options use this tool.

White background

Very poor 1/5
Quote n. 23My pessimism extends to the point of even suspecting the sincerity of the pessimists.

Jean Rostand

Black background

Super 5/5
Quote n. 23My pessimism extends to the point of even suspecting the sincerity of the pessimists.

Jean Rostand

Color libraries

View the most similar correspondences of this color with these popular color libraries.

Name

97% similar
55DD33
SGBUS green

RAL

98% similar
25E712
6037

HKS

88% similar
76B828
HKS 66 K

Copic

89% similar
72C156
Grass Green YG17

Prismacolor

98% similar
28E10A
Grass Green PC 909

Color Palettes

Some examples of color palettes with this color. View more

Sign in

Sign in with your email here.
By continuing, you agree to our Terms of Service.
Read our Privacy Policy.
Forgot password? Reset
Don't have an account? Sign up

Sign up

Create a free account with your email.
By continuing, you agree to our Terms of Service.
Read our Privacy Policy.
Already have an account? Sign in

You're all set!

We're thrilled to have you on board!
Enjoy Coolors!
Reset password
Enter your email address below and choose a new password.
Back to Sign in
#
Email not received? Send again
Do you need help? Contact us
    Export Palette
    Export palette as PDF
    HEX
    RGB
    HSB
    CMYK
    LAB
    Name
    RAL
    HKS
    Copic
    Prismacolor
    Loading...
    No items
    Cover
    Colors
    Shades
    Contrast
    Temperature
    Hue
    Saturation
    Color blindness
    Luminance
    Gradient
    Loading...
    No items
    Export as PDF
    Export palette as image
    HEX
    None
    HEX
    HSB
    HSL
    RGB
    CMYK
    LAB
    Name
    RAL
    HKS
    Copic
    Prismacolor
    Loading...
    No items
    No items
    Max 999999 elements.
    Loading...
    No projects yet.
    Add
    Loading...
    No collections yet.
    Add
    #
    #3E78B2
    #004BA8
    #4A525A
    #24272B
    #07070A
    Add context to your palette by pairing it with an image.
    #
    No items
    Max 999999 elements.
    #
    #880D1E
    #DD2D4A
    #F26A8D
    #F49CBB
    #CBEEF3
    Loading...
    No projects yet.
    Add
    Loading...
    No collections yet.
    Add
    Select image
    Browse or drop image
    Wrong file type or size (max 10 MB).
    No photos found.
    Not available. Please try later.
    Allow access to your camera...
    Image picker
    Next
    Collage maker
    Export
    Share palette
    Thank you so much for getting here! I’m Fabrizio, creator and maintainer of Coolors. I’d really love to get in touch with you to hear your feedback or just say hello! 😃
    New terms available

    We updated our Terms and Privacy.
    Please read them and accept to continue.

    Download Copy
    Palette Luminance
    Palette Gradient
    Check Palette Contrast
    Pro Feature
    Go Pro to unlock this feature and many others.
    View demo
    No color pairs have enough contrast.
    ValidAll
    Export color as image
    HEX
    None
    HEX
    HSB
    HSL
    RGB
    CMYK
    LAB
    Loading...
    No items
    Name
    None
    Name
    RAL
    HKS
    Copic
    Prismacolor
    Loading...
    No items
      Select project
      Select project...
      Loading...
      No items
      Select collection
      Select collection...
      Loading...
      No items
      Palette details
      Projects
        Collections
          Tags
            Keywords
              Created on
              Contact us if you need support with your coupon.
              Update payment method
              Provide your card details (protected by Stripe)
              Update payment method
              Update payment method
              Change Plan

              Hello!

              Use your email or another service to continue with Coolors.
              Continue with Google Continue with Apple Continue with email
              By continuing, you agree to our Terms of Service.
              Read our Privacy Policy.
              If you have a blog, website, email list or social media accounts then you can join the Affiliate Program and earn a 20% commission on every purchase.
              1 2 3 4
              Request an invitation
              We can't wait to see what you are working on but, to prevent abuse and scale gradually, you you can start uploading your designs only upon invitation.
              Make sure your profile is well sorted out before sending your request!
              Send a request
              Your already sent your request.
              No items
              Max 999999 elements.
              Loading...
              No projects yet.
              Add
              Loading...
              No collections yet.
              Add
              Palette Variations
              Show HEX
              Pro Feature
              Go Pro to unlock this feature and many others.
              View demo

              Coolors Adobe Extension

              Download and install the extension for Illustrator, InDesign and Photoshop (up to version 20). Photoshop 21+ and Adobe XD will be supported soon.
              Adobe Illustrator, InDesign, Photoshop (20)
              Download (1.1.0)
              Adobe Photoshop 21+, Adobe XD
              Parse Palette
              Prev
              Next
              Cancel subscription
              Oh no! It breaks my 💙
              to see you leave!

              Before you cancel your subscription, please share with me what made you cancel today. Your honest feedback will help me improve a lot! Thanks.

              Select a reason...
              Select a reason...
              Don't use it frequently
              Found better alternatives
              Didn't see the value
              Poor support
              Too hard to use
              It's too expensive
              Other reasons
              Loading...
              No items
              No items
              Max 999999 elements.
              Loading...
              No projects yet.
              Add
              Loading...
              No collections yet.
              Add

              Allow the ads

              Hey, I'm Fabrizio, the guy behind this website. Please help me to keep most of the site free by allowing ads or consider subscribing to enjoy even more features.

              Your support truly matters.

              I don't care, close popup

              Loading...
              No items
              No found
              #
              Picker