Named color · #9D0759
Obscure Orchid
Obscure Orchid is #9D0759: rgb(157 7 89), hsl(327 91% 32%), oklch(0.456 0.182 356.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Obscure Orchid color name →
#9D0759
oklch(0.456 0.182 356.6)
Color conversions
- HEX
- #9d0759
- RGB
- rgb(157 7 89)
- HSL
- hsl(327 91% 32%)
- HWB
- hwb(327 3% 38%)
- OKLCH
- oklch(0.456 0.182 356.6)
- OKLab
- oklab(0.456 0.182 -0.011)
- CIE Lab
- lab(34.52 58.22 -3.32)
- LCH
- lch(34.52 58.32 356.7)
- CMYK
- cmyk(0% 96% 43% 38%)
Tints · Shades · Tones
Tints
- AA3168
- B64B78
- C16287
- CC7998
- D68FA8
- DFA5B9
- E8BBCA
- F0D2DB
- F8E8ED
Shades
- 88054C
- 730440
- 5F0234
- 4C0228
- 3A011D
- 280013
- 180009
- 090003
- 010000
Tones
- 9C225D
- 9B3261
- 993F64
- 974A68
- 95546C
- 925D70
- 8E6674
- 8A6F78
- 86787C
Color harmonies
Complementary +180°
- 9D0759
Obscure Orchid
- 006656
≈ Piney Lake
Analogous -30° +30°
- 9D0759
Obscure Orchid
- 87208B
≈ Violaceous Greti
- A50613
≈ Crisp Christmas Cranberries
Triadic +120° +240°
- 9D0759
Obscure Orchid
- 545E00
≈ Greensboro
- 005E86
≈ Blue Flame
Split-complementary +150° +210°
- 9D0759
Obscure Orchid
- 006A21
≈ Avagddu Green
- 00636D
≈ Peacock Tail
Tetradic +90° +180° +270°
- 9D0759
Obscure Orchid
- 6D5200
≈ Ayahuasca Vine
- 006656
≈ Piney Lake
- 2949BA
≈ Apnea Dive
Contrast & accessibility
Ag
AAAOn white
WCAG 8.05:1 · APCA Lc 86
Ag
FailOn black
WCAG 2.60:1 · APCA Lc 16
Best text color: #FFFFFF
WCAG 8.05:1 (AAA) · APCA Lc 86
Contrast pairs
Code snippets
CSS
:root {
--obscure-orchid: #9d0759;
--obscure-orchid-rgb: 157 7 89;
--obscure-orchid-oklch: oklch(0.456 0.182 356.6);
}
.element {
color: var(--obscure-orchid);
background-color: hsl(327 91% 32%);
border-color: oklch(0.456 0.182 356.6);
}Tailwind CSS v4
@theme {
--color-obscure-orchid: #9d0759;
--color-obscure-orchid-50: #ffe0f4;
--color-obscure-orchid-100: #ffcfe7;
--color-obscure-orchid-200: #ffb3d3;
--color-obscure-orchid-300: #ff8db6;
--color-obscure-orchid-400: #ef69a1;
--color-obscure-orchid-500: #dd4189;
--color-obscure-orchid-600: #ba3974;
--color-obscure-orchid-700: #962d5d;
--color-obscure-orchid-800: #6f1f46;
--color-obscure-orchid-900: #4e1530;
--color-obscure-orchid-950: #34051d;
}SCSS
$obscure-orchid: #9d0759;
$obscure-orchid-rgb: 157, 7, 89;
$obscure-orchid-light: mix(#fff, $obscure-orchid, 20%);
$obscure-orchid-dark: mix(#000, $obscure-orchid, 20%);
.element {
color: $obscure-orchid;
box-shadow: 0 0 0 2px rgba($obscure-orchid, 0.35);
}