#1A623D#1A623D

#1A623D is a dark, moderate green. Relative luminance 0.093; OKLCH L 44.2% C 0.093 H 156.4°. Best body text is #FFFFFF at 7.35:1 contrast (WCAG AA passes).

Color values

HEX#1A623D
RGBrgb(26, 98, 61)
HSLhsl(149, 58%, 24%)
HSVhsv(149, 73%, 38%)
CMYKcmyk(73.5%, 0%, 37.8%, 61.6%)
CIE-LABlab(36.54, -31.49, 14.86)
CIE-LCHlch(36.54, 34.82, 154.74°)
OKLaboklab(44.21% -0.0853 0.0373)
OKLCHoklch(44.21% 0.093 156.4)
XYZxyz(5.6355, 9.2913, 5.9104)
Luminance0.0929 (WCAG relative)
Temperatureneutral
Familygreen

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#1A623D #621A3F
analogous
#1B621A #1A623D #1A6261
triadic
#1A623D #3D1A62 #623D1A
tetradic
#1A623D #1A1B62 #621A3F #62611A
square
#1A623D #1A1B62 #621A3F #62611A
split-complementary
#1A623D #611A62 #621A1B
monochromatic
#06180F #0D321F #1A623D #27925B #34C379

Accessibility & contrast

On white

7.35
#1A623D on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

2.86
#1A623D on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #1A623D
7.35:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##1A623D#FFFFFF#000000##FFFFFF
##1A623D1.007.352.867.35
#FFFFFF7.351.0021.001.00
#0000002.8621.001.0021.00
##FFFFFF7.351.0021.001.00

Color blindness preview

Protanopia (red-blind)
#615A3B
Deuteranopia (green-blind)
#58533F
Tritanopia (blue-blind)
#006158
Achromatopsia (no color)
#565656

Design tokens & code

CSS
--color: #1a623d;
/* rgb */ color: rgb(26, 98, 61);
/* oklch */ color: oklch(44.2% 0.093 156.4);
Tailwind
colors: {
  custom: {
    50: '#618f72',
    500: '#1a623d',
    950: '#000000',
  },
}
SCSS
$custom: #1a623d;
$custom-light: #618f72;
$custom-dark: #000000;
JSON
{
  "hex": "#1a623d",
  "rgb": {
    "r": 26,
    "g": 98,
    "b": 61
  },
  "hsl": {
    "h": 149.167,
    "s": 58.065,
    "l": 24.314
  },
  "oklch": {
    "l": 0.44208,
    "c": 0.09311,
    "h": 156.4
  },
  "luminance": 0.09292
}

Semantic roles & 50–950 ramp

primary
#1A623D
secondary
#98406D
accent
#4796E1
background
#F6F8F6
surface
#EBF0EC
border
#C6CBC7
text
#050C08
muted
#7A7D7B

Preview Lab

Preview with #1A623D

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

Preview Lab → · Contrast checker → · Palette generator →

#1A623D Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva