Nazwany kolor · #2E183B
Blackcurrant
Blackcurrant to #2E183B: rgb(46 24 59), hsl(278 42% 16%), oklch(0.257 0.068 311.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Blackcurrant color name →
#2E183B
oklch(0.257 0.068 311.5)
Konwersje koloru
- HEX
- #2e183b
- RGB
- rgb(46 24 59)
- HSL
- hsl(278 42% 16%)
- HWB
- hwb(278 9% 77%)
- OKLCH
- oklch(0.257 0.068 311.5)
- OKLab
- oklab(0.257 0.045 -0.051)
- CIE Lab
- lab(12.78 17.07 -18.42)
- LCH
- lch(12.78 25.11 312.8)
- CMYK
- cmyk(22% 59% 0% 77%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 402C4D
- 53415F
- 675672
- 7B6C85
- 908398
- A59BAC
- BBB3C0
- D1CCD5
- E8E5EA
Odcienie ciemniejsze
- 271332
- 1F0F29
- 180A21
- 120719
- 0B0411
- 060209
- 020104
- 010001
- 000000
Tony
- 362242
- 3D2C49
- 453650
- 4D4056
- 564A5D
- 5E5564
- 665F6B
- 6F6A72
- 777579
Harmonie kolorów
Komplementarna +180°
- 2E183B
Blackcurrant
- 172A01
≈ Lindworm Green
Analogowa -30° +30°
- 2E183B
Blackcurrant
- 1F1E43
≈ Konkikyō Blue
- 38142D
≈ Nightly Voyager
Triada +120° +240°
- 2E183B
Blackcurrant
- 341E00
≈ Powdered Cocoa
- 002A29
≈ Swamp Thing
Komplementarna rozszczepiona +150° +210°
- 2E183B
Blackcurrant
- 292400
≈ Liquorice Root
- 002B1A
≈ Nori Green
Tetrada +90° +180° +270°
- 2E183B
Blackcurrant
- 3D1505
≈ American Bronze
- 172A01
≈ Lindworm Green
- 002833
≈ Daintree
Kontrast i dostępność
Ag
AAANa bieli
WCAG 16.03:1 · APCA Lc 103
Ag
FailNa czerni
WCAG 1.30:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 16.03:1 (AAA) · APCA Lc 103
Contrast pairs
Fragmenty kodu
CSS
:root {
--blackcurrant: #2e183b;
--blackcurrant-rgb: 46 24 59;
--blackcurrant-oklch: oklch(0.257 0.068 311.5);
}
.element {
color: var(--blackcurrant);
background-color: hsl(278 42% 16%);
border-color: oklch(0.257 0.068 311.5);
}Tailwind CSS v4
@theme {
--color-blackcurrant: #2e183b;
--color-blackcurrant-50: #fcf0ff;
--color-blackcurrant-100: #f0e2f8;
--color-blackcurrant-200: #dfcce9;
--color-blackcurrant-300: #c4aed1;
--color-blackcurrant-400: #ac93bc;
--color-blackcurrant-500: #9579a8;
--color-blackcurrant-600: #7e678e;
--color-blackcurrant-700: #655272;
--color-blackcurrant-800: #493c54;
--color-blackcurrant-900: #33293b;
--color-blackcurrant-950: #1f1725;
}SCSS
$blackcurrant: #2e183b;
$blackcurrant-rgb: 46, 24, 59;
$blackcurrant-light: mix(#fff, $blackcurrant, 20%);
$blackcurrant-dark: mix(#000, $blackcurrant, 20%);
.element {
color: $blackcurrant;
box-shadow: 0 0 0 2px rgba($blackcurrant, 0.35);
}