#afbbc0

Color #afbbc0

A nearly neutral, gray-leaning light cyan.

Closest named color Silver #c0c0c0 · ΔE 5.68 Nearest Tailwind class mist-400 #9ca8ab · ΔE 5.5

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

Conversions

HEX

#afbbc0

RGB

rgb(175, 187, 192)

HSL

hsl(197.6, 11.9%, 72%)

HSV / HSB

hsv(197.6, 8.9%, 75.3%)

CMYK

cmyk(8.9%, 2.6%, 0%, 24.7%)

LAB

lab(75.11, -3.15, -3.95)

LCH

lch(75.11, 5.05, 231.43)

OKLCH

oklch(78.4%, 0.0151, 224.46)

HWB

hwb(197.6, 68.6%, 24.7%)

Harmony colors

Complementary

#c0b4af

Analogous

#afc0bd

#afbbc0

#afb3c0

Triadic

#afbbc0

#c0afbb

#bbc0af

Split-complementary

#afbbc0

#c0afb3

#c0bdaf

Tetradic

#afbbc0

#b4afc0

#c0b4af

#bbc0af

Square

#afbbc0

#bdafc0

#c0b4af

#b3c0af

Shades

Color #afbbc0 mixed toward black.

#8d9ea5

#6c8089

#516067

#364044

#1b2022

Tints

Color #afbbc0 mixed toward white.

#bcc6cb

#cad2d5

#d7dde0

#e4e8ea

#f2f4f5

Tones

Color #afbbc0 mixed toward gray.

#b1bbbf

#b2babd

#b3b9bc

#b5b9ba

#b6b8b9

Accessibility

Aa White text on this color

1.96:1

Aa Black text on this color

10.69:1

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

Under color vision deficiencies

Protanopia

#b4b4bf · ΔE 7.4

Deuteranopia

#b4b3bf · ΔE 8.2

Tritanopia

#b0bebe · ΔE 3

Achromatopsia

#b9b9b9 · ΔE 5.4

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

Code

CSS

background-color: #afbbc0;

Tailwind (arbitrary value)

bg-[#afbbc0]

Related colors

Sky Blue #87ceeb

Deep Sky Blue #00bfff

Light Blue #add8e6

Light Sky Blue #87cefa

Charcoal #36454f

Steel Blue #4682b4

Frequently asked questions

#afbbc0 (#afbbc0) is rgb(175, 187, 192) in RGB.

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

Generate a palette → Check contrast