#B27C35#B27C35

#B27C35 is a light, moderate orange. Relative luminance 0.241; OKLCH L 62.8% C 0.109 H 70.6°. Best body text is #000000 at 5.83:1 contrast (WCAG AA passes).

Color values

HEX#B27C35
RGBrgb(178, 124, 53)
HSLhsl(34, 54%, 45%)
HSVhsv(34, 70%, 70%)
CMYKcmyk(0%, 30.3%, 70.2%, 30.2%)
CIE-LABlab(56.23, 14.13, 45.78)
CIE-LCHlch(56.23, 47.91, 72.85°)
OKLaboklab(62.79% 0.0363 0.1033)
OKLCHoklch(62.79% 0.109 70.6)
XYZxyz(26.2122, 24.1395, 6.6463)
Luminance0.2414 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#B27C35 #356BB2
analogous
#B23D35 #B27C35 #AAB235
triadic
#B27C35 #35B27C #7C35B2
tetradic
#B27C35 #35B23D #356BB2 #B235AA
square
#B27C35 #35B23D #356BB2 #B235AA
split-complementary
#B27C35 #35AAB2 #3D35B2
monochromatic
#543A19 #835B27 #B27C35 #CD9A57 #DBB686

Accessibility & contrast

On white

3.60
#B27C35 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.83
#B27C35 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #B27C35
5.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##B27C35#FFFFFF#000000##000000
##B27C351.003.605.835.83
#FFFFFF3.601.0021.0021.00
#0000005.8321.001.001.00
##0000005.8321.001.001.00

Color blindness preview

Protanopia (red-blind)
#8F7F2D
Deuteranopia (green-blind)
#9B8C37
Tritanopia (blue-blind)
#C26F6D
Achromatopsia (no color)
#878787

Design tokens & code

CSS
--color: #b27c35;
/* rgb */ color: rgb(178, 124, 53);
/* oklch */ color: oklch(62.8% 0.109 70.6);
Tailwind
colors: {
  custom: {
    50: '#cda170',
    500: '#b27c35',
    950: '#000000',
  },
}
SCSS
$custom: #b27c35;
$custom-light: #cda170;
$custom-dark: #000000;
JSON
{
  "hex": "#b27c35",
  "rgb": {
    "r": 178,
    "g": 124,
    "b": 53
  },
  "hsl": {
    "h": 34.08,
    "s": 54.113,
    "l": 45.294
  },
  "oklch": {
    "l": 0.62785,
    "c": 0.10948,
    "h": 70.6
  },
  "luminance": 0.24137
}

Semantic roles & 50–950 ramp

primary
#B27C35
secondary
#7E9DC5
accent
#8ADD4A
background
#FDF9F6
surface
#FAF2EC
border
#D3CCC7
text
#140F08
muted
#837E7B

Preview Lab

Preview with #B27C35

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#B27C35 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva