Najbliższy nazwany kolor · #4A1E00
#4A1E00
Najbliższy nazwany kolor: Evil Cigar
#4A1E00 (rgb(74 30 0), hsl(24 100% 15%), oklch(0.295 0.078 50)) jest najbliższy nazwanemu kolorowi Evil Cigar. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#4A1E00
oklch(0.295 0.078 50)
Konwersje koloru
- HEX
- #4a1e00
- RGB
- rgb(74 30 0)
- HSL
- hsl(24 100% 15%)
- HWB
- hwb(24 0% 71%)
- OKLCH
- oklch(0.295 0.078 50)
- OKLab
- oklab(0.295 0.05 0.06)
- CIE Lab
- lab(17.71 20.02 26.36)
- LCH
- lch(17.71 33.1 52.8)
- CMYK
- cmyk(0% 59% 100% 71%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5C321A
- 6D4731
- 7F5C49
- 917261
- A3887A
- B59F93
- C7B6AD
- DACEC8
- ECE6E3
Odcienie ciemniejsze
- 3F1900
- 351300
- 2A0E00
- 200900
- 170500
- 0E0300
- 060100
- 020000
- 000000
Tony
- 50280F
- 56321C
- 5C3B29
- 614535
- 674E41
- 6C584E
- 71625A
- 766C66
- 7B7673
Harmonie kolorów
Komplementarna +180°
- 4A1E00
Evil Cigar
- 003144
≈ Nordic Noir
Analogowa -30° +30°
- 4A1E00
Evil Cigar
- 4C191C
≈ Vino Tinto
- 3C2800
≈ Secret Passage
Triada +120° +240°
- 4A1E00
Evil Cigar
- 003628
≈ Coach Green
- 2D2450
≈ Pāua
Komplementarna rozszczepiona +150° +210°
- 4A1E00
Evil Cigar
- 003436
≈ Nora’s Forest
- 132B53
≈ Dark Tyrian Blue
Tetrada +90° +180° +270°
- 4A1E00
Evil Cigar
- 14350C
≈ Gameboy Contrast
- 003144
≈ Nordic Noir
- 3D1E44
≈ Purple Void
Kontrast i dostępność
Ag
AAANa bieli
WCAG 14.21:1 · APCA Lc 101
Ag
FailNa czerni
WCAG 1.47:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 14.21:1 (AAA) · APCA Lc 101
Contrast pairs
Fragmenty kodu
CSS
:root {
--evil-cigar: #4a1e00;
--evil-cigar-rgb: 74 30 0;
--evil-cigar-oklch: oklch(0.295 0.078 50);
}
.element {
color: var(--evil-cigar);
background-color: hsl(24 100% 15%);
border-color: oklch(0.295 0.078 50);
}Tailwind CSS v4
@theme {
--color-evil-cigar: #4a1e00;
--color-evil-cigar-50: #fff0e1;
--color-evil-cigar-100: #fee1d1;
--color-evil-cigar-200: #f0ccb6;
--color-evil-cigar-300: #d9ad93;
--color-evil-cigar-400: #c59175;
--color-evil-cigar-500: #b07756;
--color-evil-cigar-600: #95654a;
--color-evil-cigar-700: #77503a;
--color-evil-cigar-800: #593a2a;
--color-evil-cigar-900: #3e281c;
--color-evil-cigar-950: #27160d;
}SCSS
$evil-cigar: #4a1e00;
$evil-cigar-rgb: 74, 30, 0;
$evil-cigar-light: mix(#fff, $evil-cigar, 20%);
$evil-cigar-dark: mix(#000, $evil-cigar, 20%);
.element {
color: $evil-cigar;
box-shadow: 0 0 0 2px rgba($evil-cigar, 0.35);
}