#AFBE3C

Color Details

HEX
#AFBE3C
RGB
rgb(175, 190, 60)
HSL
hsl(67, 52%, 49%)
CMYK
cmyk(8%, 0%, 68%, 25%)
Best text on this color #000000 (CR 10.25:1) Determined by WCAG contrast ratio

Readability Previews

Black on #afbe3c
Contrast 10.25:1 AAA
White on #afbe3c
Contrast 2.05:1 Fail
#afbe3c on Black
Contrast 10.25:1 AAA
#afbe3c on White
Contrast 2.05:1 Fail

Tints & Shades

#bfcb63
#cfd88a
#dfe5b1
#8c9830
#697224
#464c18

Complement & Analogous

#4b3cbe
#6ebe3c
#be8c3c

Triadic

#3cafbe
#be3caf

Monochrome

#464c18 #697224 #afbe3c #cfd88a #dfe5b1 #eff2d8

Analogous

#be8c3c #d2af77 #afbe3c #8bcb63 #6ebe3c #589830

Complementary Mix

#697224 #afbe3c #cfd88a #4b3cbe #8a80d5 #31277c

Nearby Colors

#afbe3b
#afbe3d
#afbe2c
#afbe4c

Embed #AFBE3C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #AFBE3C

#AFBE3C converts to RGB(175, 190, 60) and HSL(67, 52%, 49%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#AFBE3C FAQs

What is the RGB value of #AFBE3C?
RGB: 175, 190, 60. Copy as CSS: rgb(175, 190, 60)
Is #AFBE3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AFBE3C?
Complement: #4b3cbe.
Does #AFBE3C have good contrast on white or black?
On white: 2.05:1 (Fails AA). On black: 10.25:1 (AAA (normal text)).