#948069

#948069

Color Values

HEX

#948069

RGB

148, 128, 105

HSL

32.1, 17.0%, 49.6%

HSV

32.1, 29.1%, 58.0%

CMYK

0.0%, 13.5%, 29.1%, 42.0%

OKLCH

0.612 0.0414 70.8

Properties

Warm Light Nearest: wheat 4

Color Harmonies

Complementary

#948069

#697D94

Analogous

#946A69

#929469

#948069

Triadic

#948069

#699480

#806994

Split Complementary

#948069

#699294

#6A6994

Tetradic

#948069

#69946A

#697D94

#946992

Color Blindness Simulation

Original

#948069

Protanopia

#8B8B6F

Deuteranopia

#8C8E70

Tritanopia

#937374

Achromatopsia

#838383

CSS Usage

background-color: #948069;
color: #948069;
border-color: #948069;
Nearest Tailwind: Stone 500 #78716C

Tailwind Shades

50
#F8F7F6
100
#F0EDEB
200
#E1DCD5
300
#CCC3B7
400
#B1A291
500
#95816A
600
#776755
700
#5F5344
800
#4B4135
900
#383129
950
#231F1A

Contrast Checker

Text on white

3.78:1

AA Fail AAA Fail

Text on black

5.55:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026