Najbliższy nazwany kolor · #1E1835
#1E1835
Najbliższy nazwany kolor: Midnight Velvet
#1E1835 (rgb(30 24 53), hsl(252 38% 15%), oklch(0.233 0.055 291.1)) jest najbliższy nazwanemu kolorowi Midnight Velvet. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1E1835
oklch(0.233 0.055 291.1)
Konwersje koloru
- HEX
- #1e1835
- RGB
- rgb(30 24 53)
- HSL
- hsl(252 38% 15%)
- HWB
- hwb(252 9% 79%)
- OKLCH
- oklch(0.233 0.055 291.1)
- OKLab
- oklab(0.233 0.02 -0.051)
- CIE Lab
- lab(10.26 9.6 -18.3)
- LCH
- lch(10.26 20.66 297.7)
- CMYK
- cmyk(43% 55% 0% 79%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 302C47
- 44405A
- 59556D
- 6E6C81
- 858395
- 9C9AA9
- B4B3BE
- CCCBD3
- E5E5E9
Odcienie ciemniejsze
- 19132D
- 130F25
- 0E0A1D
- 090715
- 05040E
- 030208
- 010103
- 000001
- 000000
Tony
- 26223C
- 2F2B44
- 39354B
- 423F53
- 4C4A5A
- 565462
- 605F69
- 6B6A71
- 757578
Harmonie kolorów
Komplementarna +180°
- 1E1835
Midnight Velvet
- 1F1F00
≈ Liquorice Root
Analogowa -30° +30°
- 1E1835
Midnight Velvet
- 0E1D37
≈ Trapped Darkness
- 29142D
≈ Dark Prom Queen
Triada +120° +240°
- 1E1835
Midnight Velvet
- 311503
≈ Shadow Play
- 00241B
≈ Clock Chimes Thirteen
Komplementarna rozszczepiona +150° +210°
- 1E1835
Midnight Velvet
- 291B00
≈ Cannon Black
- 0D240A
≈ Midnight Pines
Tetrada +90° +180° +270°
- 1E1835
Midnight Velvet
- 331112
≈ Black Rooster
- 1F1F00
≈ Liquorice Root
- 002325
≈ Teal Spill
Kontrast i dostępność
Ag
AAANa bieli
WCAG 16.97:1 · APCA Lc 104
Ag
FailNa czerni
WCAG 1.23:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 16.97:1 (AAA) · APCA Lc 104
Contrast pairs
Fragmenty kodu
CSS
:root {
--midnight-velvet: #1e1835;
--midnight-velvet-rgb: 30 24 53;
--midnight-velvet-oklch: oklch(0.233 0.055 291.1);
}
.element {
color: var(--midnight-velvet);
background-color: hsl(252 38% 15%);
border-color: oklch(0.233 0.055 291.1);
}Tailwind CSS v4
@theme {
--color-midnight-velvet: #1e1835;
--color-midnight-velvet-50: #f5f3ff;
--color-midnight-velvet-100: #e8e5f9;
--color-midnight-velvet-200: #d5d0ea;
--color-midnight-velvet-300: #b8b3d2;
--color-midnight-velvet-400: #9e99bd;
--color-midnight-velvet-500: #8680a8;
--color-midnight-velvet-600: #716d8e;
--color-midnight-velvet-700: #5b5772;
--color-midnight-velvet-800: #413f54;
--color-midnight-velvet-900: #2d2c3b;
--color-midnight-velvet-950: #1a1925;
}SCSS
$midnight-velvet: #1e1835;
$midnight-velvet-rgb: 30, 24, 53;
$midnight-velvet-light: mix(#fff, $midnight-velvet, 20%);
$midnight-velvet-dark: mix(#000, $midnight-velvet, 20%);
.element {
color: $midnight-velvet;
box-shadow: 0 0 0 2px rgba($midnight-velvet, 0.35);
}