Nearest named color · #322B00
#322B00
Nearest named color: Secret Passage
#322B00 (rgb(50 43 0), hsl(52 100% 10%), oklch(0.288 0.06 99.7)) is closest to the named color Secret Passage. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#322B00
oklch(0.288 0.06 99.7)
Color conversions
- HEX
- #322b00
- RGB
- rgb(50 43 0)
- HSL
- hsl(52 100% 10%)
- HWB
- hwb(52 0% 80%)
- OKLCH
- oklch(0.288 0.06 99.7)
- OKLab
- oklab(0.288 -0.01 0.059)
- CIE Lab
- lab(17.65 -0.68 25.17)
- LCH
- lch(17.65 25.18 91.6)
- CMYK
- cmyk(0% 14% 100% 80%)
Tints · Shades · Tones
Tints
- 443D1A
- 565131
- 696449
- 7D7961
- 918E79
- A6A493
- BCBAAD
- D2D0C8
- E8E8E3
Shades
- 2A2400
- 221D00
- 1B1600
- 141000
- 0D0A00
- 070500
- 030200
- 010100
- 000000
Tones
- 39330F
- 403B1C
- 484329
- 504C35
- 575441
- 5F5D4D
- 67655A
- 6F6E66
- 787773
Color harmonies
Complementary +180°
- 322B00
Secret Passage
- 252748
≈ Fainting Light
Analogous -30° +30°
- 322B00
Secret Passage
- 3D2502
≈ Dark Ebony
- 21300E
≈ Darkest Forest
Triadic +120° +240°
- 322B00
Secret Passage
- 00313D
≈ Nordic Noir
- 3E1E34
≈ Sitter Red
Split-complementary +150° +210°
- 322B00
Secret Passage
- 102C47
≈ Midnight Ocean
- 342241
≈ Power Outage
Tetradic +90° +180° +270°
- 322B00
Secret Passage
- 003330
≈ Nora’s Forest
- 252748
≈ Fainting Light
- 431D24
≈ Dark Mahogany
Contrast & accessibility
Ag
AAAOn white
WCAG 14.17:1 · APCA Lc 101
Ag
FailOn black
WCAG 1.48:1 · APCA Lc 0
Best text color: #FFFFFF
WCAG 14.17:1 (AAA) · APCA Lc 101
Contrast pairs
Code snippets
CSS
:root {
--secret-passage: #322b00;
--secret-passage-rgb: 50 43 0;
--secret-passage-oklch: oklch(0.288 0.06 99.7);
}
.element {
color: var(--secret-passage);
background-color: hsl(52 100% 10%);
border-color: oklch(0.288 0.06 99.7);
}Tailwind CSS v4
@theme {
--color-secret-passage: #322b00;
--color-secret-passage-50: #f8f6e3;
--color-secret-passage-100: #ece9d3;
--color-secret-passage-200: #d9d6b9;
--color-secret-passage-300: #bdb996;
--color-secret-passage-400: #a6a077;
--color-secret-passage-500: #8f8758;
--color-secret-passage-600: #79734b;
--color-secret-passage-700: #615c3c;
--color-secret-passage-800: #48432a;
--color-secret-passage-900: #322e1c;
--color-secret-passage-950: #1e1b0d;
}SCSS
$secret-passage: #322b00;
$secret-passage-rgb: 50, 43, 0;
$secret-passage-light: mix(#fff, $secret-passage, 20%);
$secret-passage-dark: mix(#000, $secret-passage, 20%);
.element {
color: $secret-passage;
box-shadow: 0 0 0 2px rgba($secret-passage, 0.35);
}