Najbliższy nazwany kolor · #AB2F0B
#AB2F0B
Najbliższy nazwany kolor: Rusty Red
#AB2F0B (rgb(171 47 11), hsl(14 88% 36%), oklch(0.494 0.166 35.1)) jest najbliższy nazwanemu kolorowi Rusty Red. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#AB2F0B
oklch(0.494 0.166 35.1)
Konwersje koloru
- HEX
- #ab2f0b
- RGB
- rgb(171 47 11)
- HSL
- hsl(14 88% 36%)
- HWB
- hwb(14 4% 33%)
- OKLCH
- oklch(0.494 0.166 35.1)
- OKLab
- oklab(0.494 0.136 0.095)
- CIE Lab
- lab(39.78 50.01 49.01)
- LCH
- lch(39.78 70.02 44.4)
- CMYK
- cmyk(0% 73% 94% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B6482C
- C05D45
- CA725C
- D38673
- DC9A89
- E4AEA0
- ECC2B8
- F3D6CF
- F9EBE7
Odcienie ciemniejsze
- 942708
- 7E2006
- 681904
- 541202
- 400C01
- 2D0601
- 1B0300
- 0B0100
- 010000
Tony
- A83B20
- A5452E
- A24E3A
- 9F5745
- 9B5E4F
- 966659
- 926D63
- 8C736D
- 877A76
Harmonie kolorów
Komplementarna +180°
- AB2F0B
Rusty Red
- 006D80
≈ Crystal Teal
Analogowa -30° +30°
- AB2F0B
Rusty Red
- A82855
≈ Primal Red
- 8B5200
≈ Caffeinated Cinnamon
Triada +120° +240°
- AB2F0B
Rusty Red
- 007541
≈ Succulents
- 4A52BD
≈ Free Speech Blue
Komplementarna rozszczepiona +150° +210°
- AB2F0B
Rusty Red
- 007168
≈ Pharaoh’s Gem
- 0066A3
≈ LED Blue
Tetrada +90° +180° +270°
- AB2F0B
Rusty Red
- 516D00
≈ Over the Hills
- 006D80
≈ Crystal Teal
- 7841AB
≈ Shiner
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.68:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.14:1 · APCA Lc 20
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--rusty-red: #ab2f0b;
--rusty-red-rgb: 171 47 11;
--rusty-red-oklch: oklch(0.494 0.166 35.1);
}
.element {
color: var(--rusty-red);
background-color: hsl(14 88% 36%);
border-color: oklch(0.494 0.166 35.1);
}Tailwind CSS v4
@theme {
--color-rusty-red: #ab2f0b;
--color-rusty-red-50: #ffe5d4;
--color-rusty-red-100: #ffd5c1;
--color-rusty-red-200: #ffbba2;
--color-rusty-red-300: #ff9779;
--color-rusty-red-400: #ef7557;
--color-rusty-red-500: #de512e;
--color-rusty-red-600: #bb4629;
--color-rusty-red-700: #973820;
--color-rusty-red-800: #712718;
--color-rusty-red-900: #4f1a10;
--color-rusty-red-950: #340903;
}SCSS
$rusty-red: #ab2f0b;
$rusty-red-rgb: 171, 47, 11;
$rusty-red-light: mix(#fff, $rusty-red, 20%);
$rusty-red-dark: mix(#000, $rusty-red, 20%);
.element {
color: $rusty-red;
box-shadow: 0 0 0 2px rgba($rusty-red, 0.35);
}