#c0bcba

Color #c0bcba

A nearly neutral, gray-leaning light orange.

Closest named color Silver #c0c0c0 · ΔE 2.19 Nearest Tailwind class taupe-300 #d8d2d0 · ΔE 5.6

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

Conversions

HEX

#c0bcba

RGB

rgb(192, 188, 186)

HSL

hsl(20, 4.5%, 74.1%)

HSV / HSB

hsv(20, 3.1%, 75.3%)

CMYK

cmyk(0%, 2.1%, 3.1%, 24.7%)

LAB

lab(76.51, 1.04, 1.51)

LCH

lch(76.51, 1.83, 55.44)

OKLCH

oklch(79.8%, 0.0053, 48.81)

HWB

hwb(20, 72.9%, 24.7%)

Harmony colors

Complementary

#babec0

Analogous

#c0babb

#c0bcba

#c0bfba

Triadic

#c0bcba

#bac0bc

#bcbac0

Split-complementary

#c0bcba

#bac0bf

#babbc0

Tetradic

#c0bcba

#bec0ba

#babec0

#bcbac0

Square

#c0bcba

#bbc0ba

#babec0

#bfbac0

Shades

Color #c0bcba mixed toward black.

#a29c99

#847c78

#635d5a

#423e3c

#211f1e

Tints

Color #c0bcba mixed toward white.

#cac7c5

#d5d2d1

#dfdddc

#eae9e8

#f4f4f3

Tones

Color #c0bcba mixed toward gray.

#bfbcba

#bfbcbb

#bebcbb

#bebdbc

#bdbdbc

Accessibility

Aa White text on this color

1.88:1

Aa Black text on this color

11.14:1

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

Under color vision deficiencies

Protanopia

#bebeba · ΔE 2.7

Deuteranopia

#bfbfbb · ΔE 2.7

Tritanopia

#c0bbbb · ΔE 1.3

Achromatopsia

#bdbdbd · ΔE 2.1

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

Code

CSS

background-color: #c0bcba;

Tailwind (arbitrary value)

bg-[#c0bcba]

Related colors

Sienna #a0522d

Light Salmon #ffa07a

Orange Red #ff4500

Coral #ff7f50

Seashell #fff5ee

Dark Salmon #e9967a

Frequently asked questions

#c0bcba (#c0bcba) is rgb(192, 188, 186) in RGB.

No, #c0bcba 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 #c0bcba, or check how it holds up for accessibility.

Generate a palette → Check contrast