#B23F4B

#B23F4B

Color Values

HEX

#B23F4B

RGB

178, 63, 75

HSL

353.7, 47.7%, 47.3%

HSV

353.7, 64.6%, 69.8%

CMYK

0.0%, 64.6%, 57.9%, 30.2%

OKLCH

0.5318 0.1492 17.7

Properties

Warm Dark Nearest: Brick Red

Color Harmonies

Complementary

#B23F4B

#3FB2A6

Analogous

#B23F85

#B26D3F

#B23F4B

Triadic

#B23F4B

#4BB23F

#3F4BB2

Split Complementary

#B23F4B

#3FB26D

#3F85B2

Tetradic

#B23F4B

#85B23F

#3FB2A6

#6D3FB2

Color Blindness Simulation

Original

#B23F4B

Protanopia

#807F48

Deuteranopia

#879047

Tritanopia

#AC4645

Achromatopsia

#585858

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCACE
300
#DFA5AB
400
#CE747D
500
#BC434F
600
#973540
700
#792B33
800
#5E2128
900
#451C20
950
#2C1114

Contrast Checker

Text on white

5.67:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026