#B94656

#B94656

Color Values

HEX

#B94656

RGB

185, 70, 86

HSL

351.7, 45.1%, 50.0%

HSV

351.7, 62.2%, 72.5%

CMYK

0.0%, 62.2%, 53.5%, 27.5%

OKLCH

0.5542 0.1486 15.1

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#B94656

#46B9A9

Analogous

#B9468F

#B97046

#B94656

Triadic

#B94656

#56B946

#4656B9

Split Complementary

#B94656

#46B970

#468FB9

Tetradic

#B94656

#8FB946

#46B9A9

#7046B9

Color Blindness Simulation

Original

#B94656

Protanopia

#878652

Deuteranopia

#8E9651

Tritanopia

#B34F4E

Achromatopsia

#606060

CSS Usage

background-color: #B94656;
color: #B94656;
border-color: #B94656;
Nearest Tailwind: Rose 800 #9F1239

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#EBCBD0
300
#DDA6AE
400
#CB7682
500
#B94656
600
#943845
700
#762D37
800
#5D232B
900
#441D22
950
#2B1216

Contrast Checker

Text on white

5.16:1

AA Pass AAA Fail

Text on black

4.07:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026