#1B504E color preview — HEX, RGB and HSL values on Dopely

#1B504E

green7% BrightnessCool

Color Values

HEX
#1B504E
RGB
rgb(27, 80, 78)
HSL
hsl(178°, 50%, 21%)
CMYK
cmyk(66%, 0%, 2%, 69%)

Color Harmonies

Complementary

1B504E

501B1D

Triadic

1B504E

4E1B50

504E1B

Analogous

1B5034

1B504E

1B3750

Monochromatic

000000

1B504E

44C0BB

Similar Colors

010404

1B4550

1B5041

359C98

1B3750

1B5034

CSS Snippets

CSS Variables
--color-base: #1B504E;
--color-light: #36A09C;
--color-dark: #000000;
CSS Class
.element {
  color: #1B504E;
  background: #6ACDC9;
  border-color: #359C98;
}

Contrast Analysis

Sample Text — 9.11:1

The quick brown fox jumps over the lazy dog

On Black2.30:1
On White9.11:1

WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1

Properties

Brightness7%
Saturation50%
Hue178°
Temp
Cool
LRV
6%

Tints

Shades

Use Cases

Primary Button
Light Background
Accent Border
Dark Variant

Description

A dynamically generated green color with 7% brightness, 50% saturation, and 21% lightness.