En yakın adlandırılmış renk · #AB2F0B
#AB2F0B
En yakın adlandırılmış renk: Rusty Red
#AB2F0B (rgb(171 47 11), hsl(14 88% 36%), oklch(0.494 0.166 35.1)) en çok Rusty Red adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#AB2F0B
oklch(0.494 0.166 35.1)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B6482C
- C05D45
- CA725C
- D38673
- DC9A89
- E4AEA0
- ECC2B8
- F3D6CF
- F9EBE7
Koyu tonlar
- 942708
- 7E2006
- 681904
- 541202
- 400C01
- 2D0601
- 1B0300
- 0B0100
- 010000
Gri tonlar
- A83B20
- A5452E
- A24E3A
- 9F5745
- 9B5E4F
- 966659
- 926D63
- 8C736D
- 877A76
Renk uyumları
Tamamlayıcı +180°
- AB2F0B
Rusty Red
- 006D80
≈ Crystal Teal
Analog -30° +30°
- AB2F0B
Rusty Red
- A82855
≈ Primal Red
- 8B5200
≈ Caffeinated Cinnamon
Üçlü +120° +240°
- AB2F0B
Rusty Red
- 007541
≈ Succulents
- 4A52BD
≈ Free Speech Blue
Bölünmüş tamamlayıcı +150° +210°
- AB2F0B
Rusty Red
- 007168
≈ Pharaoh’s Gem
- 0066A3
≈ LED Blue
Dörtlü +90° +180° +270°
- AB2F0B
Rusty Red
- 516D00
≈ Over the Hills
- 006D80
≈ Crystal Teal
- 7841AB
≈ Shiner
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.68:1 · APCA Lc 82
Ag
FailSiyah üzerinde
WCAG 3.14:1 · APCA Lc 20
En iyi metin rengi: #FFFFFF
WCAG 6.68:1 (AA) · APCA Lc 82
Contrast pairs
Kod parçacıkları
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);
}