Nearest named color · #005535
#005535
Nearest named color: Moor-Monster
#005535 (rgb(0 85 53), hsl(157 100% 17%), oklch(0.397 0.09 159.6)) is closest to the named color Moor-Monster. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#005535
oklch(0.397 0.09 159.6)
Color conversions
- HEX
- #005535
- RGB
- rgb(0 85 53)
- HSL
- hsl(157 100% 17%)
- HWB
- hwb(157 0% 67%)
- OKLCH
- oklch(0.397 0.09 159.6)
- OKLab
- oklab(0.397 -0.085 0.031)
- CIE Lab
- lab(31.18 -30.16 12.1)
- LCH
- lch(31.18 32.5 158.1)
- CMYK
- cmyk(100% 0% 38% 67%)
Tints · Shades · Tones
Tints
- 276547
- 407559
- 58856C
- 6F9680
- 86A794
- 9EB8A9
- B6C9BE
- CEDBD3
- E6EDE9
Shades
- 00492D
- 003D25
- 00311D
- 002615
- 001C0E
- 001108
- 000803
- 000201
- 000000
Tones
- 19593C
- 295E44
- 36624B
- 416752
- 4C6B5A
- 576F61
- 617369
- 6C7870
- 767C78
Color harmonies
Complementary +180°
- 005535
Moor-Monster
- 663156
≈ Blackberry Deep Red
Analogous -30° +30°
- 005535
Moor-Monster
- 375014
≈ Godzilla
- 00524F
≈ Myrtle Deep Green
Triadic +120° +240°
- 005535
Moor-Monster
- 3E4076
≈ Hot Sauna
- 6E331E
≈ Pueblo
Split-complementary +150° +210°
- 005535
Moor-Monster
- 55376B
≈ Purple Protégé
- 6E2F3C
≈ Chestnut Red
Tetradic +90° +180° +270°
- 005535
Moor-Monster
- 194975
≈ Linear
- 663156
≈ Blackberry Deep Red
- 643D00
≈ Pullman Brown
Contrast & accessibility
Ag
AAAOn white
WCAG 8.93:1 · APCA Lc 90
Ag
FailOn black
WCAG 2.35:1 · APCA Lc 12
Best text color: #FFFFFF
WCAG 8.93:1 (AAA) · APCA Lc 90
Contrast pairs
Code snippets
CSS
:root {
--moor-monster: #005535;
--moor-monster-rgb: 0 85 53;
--moor-monster-oklch: oklch(0.397 0.09 159.6);
}
.element {
color: var(--moor-monster);
background-color: hsl(157 100% 17%);
border-color: oklch(0.397 0.09 159.6);
}Tailwind CSS v4
@theme {
--color-moor-monster: #005535;
--color-moor-monster-50: #dffeed;
--color-moor-monster-100: #cef2df;
--color-moor-monster-200: #b3e1c8;
--color-moor-monster-300: #8ec6a9;
--color-moor-monster-400: #6daf8c;
--color-moor-monster-500: #4a9871;
--color-moor-monster-600: #3f8160;
--color-moor-monster-700: #33674c;
--color-moor-monster-800: #254c36;
--color-moor-monster-900: #183525;
--color-moor-monster-950: #092013;
}SCSS
$moor-monster: #005535;
$moor-monster-rgb: 0, 85, 53;
$moor-monster-light: mix(#fff, $moor-monster, 20%);
$moor-monster-dark: mix(#000, $moor-monster, 20%);
.element {
color: $moor-monster;
box-shadow: 0 0 0 2px rgba($moor-monster, 0.35);
}