En yakın adlandırılmış renk · #6A0015
#6A0015
En yakın adlandırılmış renk: Darkest Dungeon
#6A0015 (rgb(106 0 21), hsl(348 100% 21%), oklch(0.331 0.133 20.7)) en çok Darkest Dungeon 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.
#6A0015
oklch(0.331 0.133 20.7)
Renk dönüşümleri
- HEX
- #6a0015
- RGB
- rgb(106 0 21)
- HSL
- hsl(348 100% 21%)
- HWB
- hwb(348 0% 58%)
- OKLCH
- oklch(0.331 0.133 20.7)
- OKLab
- oklab(0.331 0.125 0.047)
- CIE Lab
- lab(21.03 42.76 22.36)
- LCH
- lch(21.03 48.25 27.6)
- CMYK
- cmyk(0% 100% 80% 58%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7B242A
- 8B3D3F
- 9B5555
- AB6C6B
- BA8482
- C89C9A
- D6B4B3
- E4CDCC
- F2E6E5
Koyu tonlar
- 5B0011
- 4D000C
- 3F0008
- 310005
- 240003
- 180002
- 0D0001
- 040000
- 000000
Gri tonlar
- 6E1720
- 72262A
- 753335
- 783F3F
- 7B4A49
- 7D5554
- 7E605F
- 7F6B6A
- 807575
Renk uyumları
Tamamlayıcı +180°
- 6A0015
Darkest Dungeon
- 003E41
≈ Rich Black
Analog -30° +30°
- 6A0015
Darkest Dungeon
- 63043E
≈ Tyrian Purple
- 572500
≈ Conker Brown
Üçlü +120° +240°
- 6A0015
Darkest Dungeon
- 0B4200
≈ Woodland Grass
- 042F78
≈ Below the Surface
Bölünmüş tamamlayıcı +150° +210°
- 6A0015
Darkest Dungeon
- 004031
≈ UP Forest Green
- 003B51
≈ Gibraltar Sea
Dörtlü +90° +180° +270°
- 6A0015
Darkest Dungeon
- 383900
≈ Dark Olive
- 003E41
≈ Rich Black
- 392173
≈ Explorer of the Galaxies
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.93:1 · APCA Lc 97
Ag
FailSiyah üzerinde
WCAG 1.62:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.93:1 (AAA) · APCA Lc 97
Contrast pairs
Kod parçacıkları
CSS
:root {
--darkest-dungeon: #6a0015;
--darkest-dungeon-rgb: 106 0 21;
--darkest-dungeon-oklch: oklch(0.331 0.133 20.7);
}
.element {
color: var(--darkest-dungeon);
background-color: hsl(348 100% 21%);
border-color: oklch(0.331 0.133 20.7);
}Tailwind CSS v4
@theme {
--color-darkest-dungeon: #6a0015;
--color-darkest-dungeon-50: #ffe7e4;
--color-darkest-dungeon-100: #ffd7d3;
--color-darkest-dungeon-200: #ffbeba;
--color-darkest-dungeon-300: #f49c98;
--color-darkest-dungeon-400: #e27c7c;
--color-darkest-dungeon-500: #d05c5f;
--color-darkest-dungeon-600: #af4f51;
--color-darkest-dungeon-700: #8d3f40;
--color-darkest-dungeon-800: #692d30;
--color-darkest-dungeon-900: #4a1e20;
--color-darkest-dungeon-950: #300d10;
}SCSS
$darkest-dungeon: #6a0015;
$darkest-dungeon-rgb: 106, 0, 21;
$darkest-dungeon-light: mix(#fff, $darkest-dungeon, 20%);
$darkest-dungeon-dark: mix(#000, $darkest-dungeon, 20%);
.element {
color: $darkest-dungeon;
box-shadow: 0 0 0 2px rgba($darkest-dungeon, 0.35);
}