#418A70 Color

Color Information

HEX#418A70
RGB65, 138, 112
HSL159° , 36% , 40%
HSV159° , 53% , 54%
CMYK53%, 0%, 19%, 46%

Lighter Shades

#589881 #6FA692 #85B4A3 #9CC2B5 #B3D0C6 #CADED7

Darker Shades

#397963 #316955 #2A5848 #22483A #1A372D #12271F

Complementary Palette

#387760 #418A70 #78384E #8B415B #9B5C72 #5C9A84

Analogous Palette

#4F6D54 #56765B #3D8269 #418A70 #567176 #627F84

Triadic Palette

#397963 #418A70 #743795 #854FA2 #957437 #836630

Split Complementary Palette

#3B7C65 #418A70 #8B4180 #97548D #8B4C41 #7D443B

Square Palette

#37745E #418A70 #534B81 #814B5E #808B41 #949E5F

Tetradic Palette

#35715C #418A70 #2F559D #8B415B #9D772F #AF8F54

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #418A70 contains 65 red, 138 green, and 112 blue.

Contrast Ratio: 4.08:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 5.15:1