En yakın adlandırılmış renk · #2A0D0A
#2A0D0A
En yakın adlandırılmış renk: Dwarf Fortress
#2A0D0A (rgb(42 13 10), hsl(6 62% 10%), oklch(0.206 0.049 28.1)) en çok Dwarf Fortress 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.
#2A0D0A
oklch(0.206 0.049 28.1)
Renk dönüşümleri
- HEX
- #2a0d0a
- RGB
- rgb(42 13 10)
- HSL
- hsl(6 62% 10%)
- HWB
- hwb(6 4% 84%)
- OKLCH
- oklch(0.206 0.049 28.1)
- OKLab
- oklab(0.206 0.043 0.023)
- CIE Lab
- lab(7.43 15.15 7.37)
- LCH
- lch(7.43 16.85 25.9)
- CMYK
- cmyk(0% 69% 76% 84%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 3D211E
- 513633
- 664D49
- 7A6460
- 8F7C79
- A59592
- BBAEAC
- D1C9C7
- E8E3E3
Koyu tonlar
- 230A07
- 1C0705
- 160503
- 100302
- 0A0201
- 050101
- 020000
- 010000
- 000000
Gri tonlar
- 331814
- 3B221F
- 442D2A
- 4D3835
- 554441
- 5E4F4D
- 665B59
- 6F6766
- 777373
Renk uyumları
Tamamlayıcı +180°
- 2A0D0A
Dwarf Fortress
- 001C20
≈ Black Stallion
Analog -30° +30°
- 2A0D0A
Dwarf Fortress
- 280C17
≈ Italian Roast
- 271000
≈ Severely Burnt Toast
Üçlü +120° +240°
- 2A0D0A
Dwarf Fortress
- 051D0A
≈ Clock Chimes Thirteen
- 0E162E
≈ Liberty Blue
Bölünmüş tamamlayıcı +150° +210°
- 2A0D0A
Dwarf Fortress
- 001D17
≈ Stellar Explorer
- 001A2A
≈ Oxford by Night
Dörtlü +90° +180° +270°
- 2A0D0A
Dwarf Fortress
- 161A00
≈ Pinch of Pepper
- 001C20
≈ Black Stallion
- 1A122B
≈ Lost in Sadness
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 18.09:1 · APCA Lc 105
Ag
FailSiyah üzerinde
WCAG 1.16:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 18.09:1 (AAA) · APCA Lc 105
Contrast pairs
Kod parçacıkları
CSS
:root {
--dwarf-fortress: #2a0d0a;
--dwarf-fortress-rgb: 42 13 10;
--dwarf-fortress-oklch: oklch(0.206 0.049 28.1);
}
.element {
color: var(--dwarf-fortress);
background-color: hsl(6 62% 10%);
border-color: oklch(0.206 0.049 28.1);
}Tailwind CSS v4
@theme {
--color-dwarf-fortress: #2a0d0a;
--color-dwarf-fortress-50: #fff0ed;
--color-dwarf-fortress-100: #f8e2de;
--color-dwarf-fortress-200: #e9cdc8;
--color-dwarf-fortress-300: #cfafa9;
--color-dwarf-fortress-400: #ba948e;
--color-dwarf-fortress-500: #a47a74;
--color-dwarf-fortress-600: #8b6762;
--color-dwarf-fortress-700: #6f534e;
--color-dwarf-fortress-800: #523c39;
--color-dwarf-fortress-900: #392927;
--color-dwarf-fortress-950: #241715;
}SCSS
$dwarf-fortress: #2a0d0a;
$dwarf-fortress-rgb: 42, 13, 10;
$dwarf-fortress-light: mix(#fff, $dwarf-fortress, 20%);
$dwarf-fortress-dark: mix(#000, $dwarf-fortress, 20%);
.element {
color: $dwarf-fortress;
box-shadow: 0 0 0 2px rgba($dwarf-fortress, 0.35);
}