Edge Color Inspector RGB: rgb(27, 67, 50) HSL: 155°, 43%, 18%

#1B4332 Color Code — Hex, RGB, HSL & Palettes

Technical color specifications and conversion tokens for #1B4332. Explore exact conversions across RGB, HSL, HSV, CMYK, Apple Display P3, WCAG 2.1 accessibility ratings, and ready-to-copy code exports.

Click to Copy HEX

#1B4332

rgb(27, 67, 50)

Open in Color Wheel Generate 11 Scales Add Opacity (RGBA) Edit in Web Studio

HEX

#1B4332

RGB

rgb(27, 67, 50)

HSL

hsl(155, 43%, 18%)

HSV / HSB

hsb(155, 60%, 26%)

CMYK (Print)

cmyk(60%, 0%, 25%, 74%)

Apple Display P3

color(display-p3 0.106 0.263 0.196)

WCAG 2.1 Accessibility & Contrast Rating

Evaluates readability of text rendered on top of #1B4332 in compliance with Web Content Accessibility Guidelines (WCAG 2.1).

White Text (#FFFFFF) 11.08:1 (AAA Pass)

Black Text (#000000) 1.90:1 (Fail)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design systems, CSS variables, and Tailwind theme tokens. Click any shade to copy hex code:

#EDF0EF

100

#D1D9D6

200

#A8B8B1

300

#7B9288

400

#49695B

500

#1B4332

600

#163729

700

#112B20

800

#0C1F17

900

#08130E

950

#040907

Color Harmonies & Palettes

Calculated geometric harmonies based on standard 360° color wheel rotation for #1B4332:

Complementary (180°)

#421A2B

High-contrast opposite on color wheel

Analogous (-30°)

#1A421D

Harmonious adjacent shade

Analogous (+30°)

#1A3E42

Harmonious adjacent shade

Triadic (+120°)

#311A42

Vibrant 3-point harmony

Triadic (+240°)

#42311A

Vibrant 3-point harmony

Split Comp (+150°)

#421A3E

Balanced high contrast

Live UI Component Preview

See how #1B4332 behaves as a primary accent, interactive button, and card border in dark mode interfaces:

BUTTONS & ACTIONS

BADGES & CHIPS

Active Status Filter Tag

Alert banner styled with #1B4332 accent border.

SURFACE CARD

Theme Token Card

Card container featuring a top accent strip rendered in #1B4332.

Copy-Paste Code Exports

Ready-to-use color declarations for popular web and mobile development frameworks:

Tailwind CSS v4 (@theme)

@theme {
  --color-brand: #1B4332;
}

CSS Variables (:root)

:root {
  --primary: #1B4332;
  --primary-foreground: #FFFFFF;
}

SwiftUI (iOS & macOS)

Color(red: 0.106, green: 0.263, blue: 0.196)

Flutter Dart

const Color(0xFF1B4332)

Explore More Professional Color Tools on Pikka

Convert opacity with RGBA to HEX, build harmonious color palettes on the interactive canvas, or sample colors straight from your screen with Pikka for Chrome & Mac.

Open Color Wheel RGBA to HEX Converter Tint & Shade Generator Chrome Extension