Skip to content

#cdbeaf

a light, soft orange · warm · closest name: silver

RGB
205, 190, 175
HSL
30°, 23%, 75%
CMYK
0, 7, 15, 20
Luminance
0.5290

Every format

HEX#cdbeaf
RGBrgb(205, 190, 175)
HSLhsl(30, 23%, 75%)
CMYKcmyk(0%, 7%, 15%, 20%)
LABlab(77.8 2.8 9.5)
LCHlch(77.8 9.9 73.7)
OKLCHoklch(0.810 0.027 67.4)

Copy-ready code

/* CSS */
color: #cdbeaf;
background-color: #cdbeaf;
/* Tailwind (arbitrary) */
class="text-[#cdbeaf] bg-[#cdbeaf]"
/* SCSS */
$brand: #cdbeaf;
/* SwiftUI */
Color(red: 0.804, green: 0.745, blue: 0.686)
/* Android */
Color.parseColor("#cdbeaf")

Accessibility — WCAG contrast

Aa
#cdbeaf on white: 1.81:1
AA ✗ fail · AA-large · AAA
Aa
#cdbeaf on black: 11.58:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red80.4%
Green74.5%
Blue68.6%

CMYK percentages

Cyan0.0%
Magenta7.3%
Yellow14.6%
Key (black)19.6%

Color previews

#cdbeaf text on a black background

contrast 11.58:1

Card sample

#cdbeaf text on a white background

contrast 1.81:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #cdbeaf;
Background color
Panel with #cdbeaf background
background-color: #cdbeaf;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #cdbeaf;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(205, 190, 175, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(205, 190, 175, 0.45);
Border & gradient
Gradient panel
border: 3px solid #cdbeaf;
background: linear-gradient(135deg, #cdbeaf, #C8CDAF);

Monochromatic scale

Palettes built from #cdbeaf

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Work with #cdbeaf in the Color Lab