#cd9162

Color #cd9162

A moderately saturated medium orange.

Closest named color Dark Salmon #e9967a · ΔE 13.31 Nearest Tailwind class yellow-600 #d08700 · ΔE 11.8

Open in Palette generator Color wheel Color mixer Contrast checker Blindness simulator Gradient

Conversions

HEX

#cd9162

RGB

rgb(205, 145, 98)

HSL

hsl(26.4, 51.7%, 59.4%)

HSV / HSB

hsv(26.4, 52.2%, 80.4%)

CMYK

cmyk(0%, 29.3%, 52.2%, 19.6%)

LAB

lab(65.05, 17.38, 33.85)

LCH

lch(65.05, 38.05, 62.82)

OKLCH

oklch(70.5%, 0.0961, 58.49)

HWB

hwb(26.4, 38.4%, 19.6%)

Harmony colors

Complementary

#629ecd

Analogous

#cd6268

#cd9162

#cdc762

Triadic

#cd9162

#62cd91

#9162cd

Split-complementary

#cd9162

#62cdc7

#6268cd

Tetradic

#cd9162

#9ecd62

#629ecd

#9162cd

Square

#cd9162

#68cd62

#629ecd

#c762cd

Shades

Color #cd9162 mixed toward black.

#bf763d

#995f31

#734725

#4d2f18

#26180c

Tints

Color #cd9162 mixed toward white.

#d5a37c

#deb696

#e6c8b0

#eedacb

#f7ede5

Tones

Color #cd9162 mixed toward gray.

#c4926b

#bb9374

#b2947d

#a99586

#a0968f

Accessibility

Aa White text on this color

2.68:1

Aa Black text on this color

7.82:1

Black text reads better on this background (7.82:1). That passes WCAG AAA (≥7:1) for normal-size text.

Under color vision deficiencies

Protanopia

#b6b670 · ΔE 22.1

Deuteranopia

#b9be73 · ΔE 24.3

Tritanopia

#cb797b · ΔE 19.2

Achromatopsia

#9e9e9e · ΔE 21.3

Left half is the original, right half is the simulated appearance. See all 8 vision types →

Code

CSS

background-color: #cd9162;

Tailwind (arbitrary value)

bg-[#cd9162]

Related colors

Sandy Brown #f4a460

Chocolate #d2691e

Saddle Brown #8b4513

Seashell #fff5ee

Peach Puff #ffdab9

Peru #cd853f

Frequently asked questions

#cd9162 (#cd9162) is rgb(205, 145, 98) in RGB.

No, #cd9162 is not web-safe. The nearest web-safe colors are among its tones and shades below.

Related tools

Colors

HEX to RGB Converter

Convert any HEX color code to its RGB and HSL equivalents, live, with copy-to-clipboard values.

Try it → Accessibility

Contrast Checker

Check the WCAG contrast ratio between any two colors, live, with AA/AAA pass-fail results.

Try it → Generators

Palette Generator

Generate complementary, analogous, triadic, split-complementary, tetradic, square, and monochromatic palettes from any base color.

Try it →

Build something with this color

Generate a full palette from #cd9162, or check how it holds up for accessibility.

Generate a palette → Check contrast