#CAD48D

Color Details

HEX
#CAD48D
RGB
rgb(202, 212, 141)
HSL
hsl(68, 45%, 69%)
CMYK
cmyk(5%, 0%, 33%, 17%)
Best text on this color #000000 (CR 13.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cad48d
Contrast 13.31:1 AAA
White on #cad48d
Contrast 1.58:1 Fail
#cad48d on Black
Contrast 13.31:1 AAA
#cad48d on White
Contrast 1.58:1 Fail

Tints & Shades

#d5dda4
#dfe5bb
#eaeed1
#a2aa71
#797f55
#515538

Complement & Analogous

#968cd4
#a6d48c
#d4b98c

Triadic

#8ccad4
#d48cca

Monochrome

#515538 #797f55 #cad48d #dfe5bb #eaeed1 #f4f6e8

Analogous

#d4b98c #e1ceaf #cad48d #b8dda3 #a6d48c #85aa70

Complementary Mix

#797f55 #cad48d #dfe5bb #968cd4 #bbb4e3 #625b8a

Nearby Colors

#cad48c
#cad48e
#cad47d
#cad49d

Embed #CAD48D swatch

Embed this swatch

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

Open image

About #CAD48D

#CAD48D converts to RGB(202, 212, 141) and HSL(68, 45%, 69%). 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).

#CAD48D FAQs

What is the RGB value of #CAD48D?
RGB: 202, 212, 141. Copy as CSS: rgb(202, 212, 141)
Is #CAD48D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CAD48D?
Complement: #968cd4.
Does #CAD48D have good contrast on white or black?
On white: 1.58:1 (Fails AA). On black: 13.31:1 (AAA (normal text)).