Hex Color #65FD69 - Custom Color

Color Codes

HEX

#65FD69

RGB

rgb(101, 253, 105)

HSL

hsl(122, 97%, 69%)

CMYK

cmyk(60%, 0%, 58%, 1%)

HSV

hsv(122, 60%, 99%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#ABFD63 #63FD68 #63FDB5

Triadic

#63FD68 #6863FD #FD6863

Split Complementary

#63FD68 #B563FD #FD63AB

Tetradic (Square)

#63FD68 #63ABFD #FD63F8 #FDB563

Complementary

#65FD69 #FD63F8

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.33:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 15.81:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #65FD69;

color: #65FD69;

border-color: #65FD69;

}

Tailwind CSS (with arbitrary values)

bg-[#65FD69]

text-[#65FD69]

border-[#65FD69]

// Example usage: