Hex Color #248123 - Custom Color

Color Codes

HEX

#248123

RGB

rgb(36, 129, 35)

HSL

hsl(119, 57%, 32%)

CMYK

cmyk(72%, 0%, 73%, 49%)

HSV

hsv(119, 73%, 51%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#538023 #258023 #238050

Triadic

#258023 #232580 #802325

Split Complementary

#258023 #502380 #802353

Tetradic (Square)

#258023 #235380 #7F2380 #805023

Complementary

#248123 #7F2380

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.95:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.24:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #248123;

color: #248123;

border-color: #248123;

}

Tailwind CSS (with arbitrary values)

bg-[#248123]

text-[#248123]

border-[#248123]

// Example usage: