Named color · #820747
Renanthera Orchid
Renanthera Orchid is #820747: rgb(130 7 71), hsl(329 90% 27%), oklch(0.398 0.157 357.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Renanthera Orchid color name →
#820747
oklch(0.398 0.157 357.8)
Color conversions
- HEX
- #820747
- RGB
- rgb(130 7 71)
- HSL
- hsl(329 90% 27%)
- HWB
- hwb(329 3% 49%)
- OKLCH
- oklch(0.398 0.157 357.8)
- OKLab
- oklab(0.398 0.157 -0.006)
- CIE Lab
- lab(28.12 50.24 -1.6)
- LCH
- lch(28.12 50.27 358.2)
- CMYK
- cmyk(0% 95% 45% 49%)
Tints · Shades · Tones
Tints
- 912C57
- 9F4568
- AD5C7A
- BA738C
- C78A9E
- D3A1B1
- DFB8C4
- EACFD7
- F5E7EB
Shades
- 70053D
- 5F0432
- 4E0228
- 3E021F
- 2F0116
- 20000D
- 120006
- 060002
- 010000
Tones
- 841F4C
- 852D52
- 863A58
- 87455D
- 874F63
- 875969
- 86636E
- 846D74
- 83777A
Color harmonies
Complementary +180°
- 820747
Renanthera Orchid
- 005447
≈ Breathe Deeply
Analogous -30° +30°
- 820747
Renanthera Orchid
- 701A71
≈ Pure Purple
- 88080B
≈ Kiss of a Vampire
Triadic +120° +240°
- 820747
Renanthera Orchid
- 434D00
≈ No Emissions Green
- 004D70
≈ Pompeii Blue
Split-complementary +150° +210°
- 820747
Renanthera Orchid
- 00571E
≈ O Tannenbaum
- 00515A
≈ Kali Blue
Tetradic +90° +180° +270°
- 820747
Renanthera Orchid
- 594400
≈ Sugarloaf Brown
- 005447
≈ Breathe Deeply
- 243B9A
≈ Liquid Denim
Contrast & accessibility
Ag
AAAOn white
WCAG 10.14:1 · APCA Lc 92
Ag
FailOn black
WCAG 2.07:1 · APCA Lc 11
Best text color: #FFFFFF
WCAG 10.14:1 (AAA) · APCA Lc 92
Contrast pairs
Code snippets
CSS
:root {
--renanthera-orchid: #820747;
--renanthera-orchid-rgb: 130 7 71;
--renanthera-orchid-oklch: oklch(0.398 0.157 357.8);
}
.element {
color: var(--renanthera-orchid);
background-color: hsl(329 90% 27%);
border-color: oklch(0.398 0.157 357.8);
}Tailwind CSS v4
@theme {
--color-renanthera-orchid: #820747;
--color-renanthera-orchid-50: #ffe3f3;
--color-renanthera-orchid-100: #ffd3e6;
--color-renanthera-orchid-200: #ffb8d2;
--color-renanthera-orchid-300: #f894b4;
--color-renanthera-orchid-400: #e6739e;
--color-renanthera-orchid-500: #d35086;
--color-renanthera-orchid-600: #b24572;
--color-renanthera-orchid-700: #8f375b;
--color-renanthera-orchid-800: #6a2744;
--color-renanthera-orchid-900: #4b1a2f;
--color-renanthera-orchid-950: #310a1c;
}SCSS
$renanthera-orchid: #820747;
$renanthera-orchid-rgb: 130, 7, 71;
$renanthera-orchid-light: mix(#fff, $renanthera-orchid, 20%);
$renanthera-orchid-dark: mix(#000, $renanthera-orchid, 20%);
.element {
color: $renanthera-orchid;
box-shadow: 0 0 0 2px rgba($renanthera-orchid, 0.35);
}