#BEC3AF

#BEC3AF

Color Values

HEX

#BEC3AF

RGB

190, 195, 175

HSL

75.0, 14.3%, 72.5%

HSV

75.0, 10.3%, 76.5%

CMYK

2.6%, 0.0%, 10.3%, 23.5%

OKLCH

0.8077 0.028 118.4

Properties

Cool Light Nearest: RAL 7044 Silk Grey

Color Harmonies

Complementary

#BEC3AF

#B4AFC3

Analogous

#C3BEAF

#B4C3AF

#BEC3AF

Triadic

#BEC3AF

#AFBEC3

#C3AFBE

Split Complementary

#BEC3AF

#AFB4C3

#BEAFC3

Tetradic

#BEC3AF

#AFC3BE

#B4AFC3

#C3AFB4

Color Blindness Simulation

Original

#BEC3AF

Protanopia

#C0C0B4

Deuteranopia

#C0C0B5

Tritanopia

#BEB8B8

Achromatopsia

#C0C0C0

CSS Usage

background-color: #BEC3AF;
color: #BEC3AF;
border-color: #BEC3AF;
Nearest Tailwind: Stone 300 #D6D3D1

Tailwind Shades

50
#F8F8F6
100
#EEEFEB
200
#DEE0D6
300
#C6CBB9
400
#A7AE93
500
#89926D
600
#6D7557
700
#575D46
800
#444937
900
#34372A
950
#21231B

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

11.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026