Nazwany kolor · #3F1D50
Obsidian Orchid
Obsidian Orchid to #3F1D50: rgb(63 29 80), hsl(280 47% 21%), oklch(0.304 0.095 312.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Obsidian Orchid color name →
#3F1D50
oklch(0.304 0.095 312.9)
Konwersje koloru
- HEX
- #3f1d50
- RGB
- rgb(63 29 80)
- HSL
- hsl(280 47% 21%)
- HWB
- hwb(280 11% 69%)
- OKLCH
- oklch(0.304 0.095 312.9)
- OKLab
- oklab(0.304 0.064 -0.069)
- CIE Lab
- lab(17.8 24.3 -24.82)
- LCH
- lch(17.8 34.74 314.4)
- CMYK
- cmyk(21% 64% 0% 69%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 503261
- 624771
- 745C82
- 877193
- 9A88A5
- AD9FB6
- C1B6C8
- D6CEDA
- EAE6ED
Odcienie ciemniejsze
- 351844
- 2C1339
- 230E2E
- 1B0924
- 12051A
- 0A0310
- 040107
- 010002
- 000000
Tony
- 452755
- 4C315A
- 523B5F
- 594564
- 5F4E69
- 66586E
- 6C6272
- 736C77
- 79767B
Harmonie kolorów
Komplementarna +180°
- 3F1D50
Obsidian Orchid
- 1C3700
≈ Elite Green
Analogowa -30° +30°
- 3F1D50
Obsidian Orchid
- 2A255C
≈ Cluedo Night
- 4D163B
≈ Tulip Poplar Purple
Triada +120° +240°
- 3F1D50
Obsidian Orchid
- 422900
≈ Stirland Mud
- 003736
≈ Shrub Green
Komplementarna rozszczepiona +150° +210°
- 3F1D50
Obsidian Orchid
- 353000
≈ Wasabi Nori
- 003925
≈ Off-Road Green
Tetrada +90° +180° +270°
- 3F1D50
Obsidian Orchid
- 521B00
≈ Evil Cigar
- 1C3700
≈ Elite Green
- 003543
≈ Nordic Noir
Kontrast i dostępność
Ag
AAANa bieli
WCAG 13.97:1 · APCA Lc 100
Ag
FailNa czerni
WCAG 1.50:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 13.97:1 (AAA) · APCA Lc 100
Contrast pairs
Fragmenty kodu
CSS
:root {
--obsidian-orchid: #3f1d50;
--obsidian-orchid-rgb: 63 29 80;
--obsidian-orchid-oklch: oklch(0.304 0.095 312.9);
}
.element {
color: var(--obsidian-orchid);
background-color: hsl(280 47% 21%);
border-color: oklch(0.304 0.095 312.9);
}Tailwind CSS v4
@theme {
--color-obsidian-orchid: #3f1d50;
--color-obsidian-orchid-50: #ffeeff;
--color-obsidian-orchid-100: #f4dffe;
--color-obsidian-orchid-200: #e4c9f1;
--color-obsidian-orchid-300: #caa9d9;
--color-obsidian-orchid-400: #b28ec7;
--color-obsidian-orchid-500: #9c73b3;
--color-obsidian-orchid-600: #846297;
--color-obsidian-orchid-700: #6a4e79;
--color-obsidian-orchid-800: #4d395b;
--color-obsidian-orchid-900: #35273f;
--color-obsidian-orchid-950: #211528;
}SCSS
$obsidian-orchid: #3f1d50;
$obsidian-orchid-rgb: 63, 29, 80;
$obsidian-orchid-light: mix(#fff, $obsidian-orchid, 20%);
$obsidian-orchid-dark: mix(#000, $obsidian-orchid, 20%);
.element {
color: $obsidian-orchid;
box-shadow: 0 0 0 2px rgba($obsidian-orchid, 0.35);
}