Najbliższy nazwany kolor · #2C0C4B
#2C0C4B
Najbliższy nazwany kolor: Your Darkness
#2C0C4B (rgb(44 12 75), hsl(270 72% 17%), oklch(0.249 0.108 302)) jest najbliższy nazwanemu kolorowi Your Darkness. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#2C0C4B
oklch(0.249 0.108 302)
Konwersje koloru
- HEX
- #2c0c4b
- RGB
- rgb(44 12 75)
- HSL
- hsl(270 72% 17%)
- HWB
- hwb(270 5% 71%)
- OKLCH
- oklch(0.249 0.108 302)
- OKLab
- oklab(0.249 0.057 -0.092)
- CIE Lab
- lab(10.92 26.75 -32.63)
- LCH
- lch(10.92 42.19 309.3)
- CMYK
- cmyk(41% 84% 0% 71%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3E245C
- 503B6E
- 645180
- 786891
- 8D80A3
- A398B5
- B9B1C7
- D0CBDA
- E7E5EC
Odcienie ciemniejsze
- 250940
- 1E0635
- 17042B
- 110321
- 0A0217
- 05010E
- 020006
- 010002
- 000000
Tony
- 331A51
- 3B2657
- 43315C
- 4B3C62
- 544767
- 5C526C
- 655E71
- 6E6976
- 77747B
Harmonie kolorów
Komplementarna +180°
- 2C0C4B
Your Darkness
- 1D2600
≈ Lindworm Green
Analogowa -30° +30°
- 2C0C4B
Your Darkness
- 121754
≈ Shadowdancer
- 3C0238
≈ Greek Aubergine
Triada +120° +240°
- 2C0C4B
Your Darkness
- 341A00
≈ Powdered Cocoa
- 002823
≈ Deep Slate Green
Komplementarna rozszczepiona +150° +210°
- 2C0C4B
Your Darkness
- 2A2000
≈ Liquorice Root
- 002A10
≈ Zia Olive
Tetrada +90° +180° +270°
- 2C0C4B
Your Darkness
- 440500
≈ Eyelids
- 1D2600
≈ Lindworm Green
- 00272D
≈ Daintree
Kontrast i dostępność
Ag
AAANa bieli
WCAG 16.64:1 · APCA Lc 103
Ag
FailNa czerni
WCAG 1.26:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 16.64:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--your-darkness: #2c0c4b;
--your-darkness-rgb: 44 12 75;
--your-darkness-oklch: oklch(0.249 0.108 302);
}
.element {
color: var(--your-darkness);
background-color: hsl(270 72% 17%);
border-color: oklch(0.249 0.108 302);
}Tailwind CSS v4
@theme {
--color-your-darkness: #2c0c4b;
--color-your-darkness-50: #fceeff;
--color-your-darkness-100: #efe0ff;
--color-your-darkness-200: #dec9fb;
--color-your-darkness-300: #c3aae5;
--color-your-darkness-400: #aa8fd4;
--color-your-darkness-500: #9474c2;
--color-your-darkness-600: #7d62a3;
--color-your-darkness-700: #644e83;
--color-your-darkness-800: #483962;
--color-your-darkness-900: #322745;
--color-your-darkness-950: #1e152d;
}SCSS
$your-darkness: #2c0c4b;
$your-darkness-rgb: 44, 12, 75;
$your-darkness-light: mix(#fff, $your-darkness, 20%);
$your-darkness-dark: mix(#000, $your-darkness, 20%);
.element {
color: $your-darkness;
box-shadow: 0 0 0 2px rgba($your-darkness, 0.35);
}