이름 색상 · #660011
Darkest Dungeon
Darkest Dungeon은(는) #660011: rgb(102 0 17), hsl(350 100% 20%), oklch(0.322 0.13 22.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Darkest Dungeon color name →
#660011
oklch(0.322 0.13 22.2)
색상 변환
- HEX
- #660011
- RGB
- rgb(102 0 17)
- HSL
- hsl(350 100% 20%)
- HWB
- hwb(350 0% 60%)
- OKLCH
- oklch(0.322 0.13 22.2)
- OKLab
- oklab(0.322 0.12 0.049)
- CIE Lab
- lab(20 41.54 23.44)
- LCH
- lch(20 47.7 29.4)
- CMYK
- cmyk(0% 100% 83% 60%)
틴트 · 셰이드 · 톤
틴트
- 772327
- 883C3C
- 985452
- A86B69
- B78380
- C69B99
- D5B3B1
- E3CCCB
- F1E5E5
셰이드
- 58000D
- 4A0009
- 3C0006
- 2F0004
- 230002
- 170001
- 0C0000
- 040000
- 000000
톤
- 6B171C
- 6F2627
- 723232
- 763E3D
- 794948
- 7B5453
- 7D5F5E
- 7F6A69
- 807574
색 조화
보색 +180°
- 660011
Darkest Dungeon
- 003B3F
≈ Ghostlands Coal
유사색 -30° +30°
- 660011
Darkest Dungeon
- 60033A
≈ Mulberry Wood
- 532400
≈ Conker Brown
삼각 배색 +120° +240°
- 660011
Darkest Dungeon
- 024000
≈ Hunter Green
- 092C74
≈ Blue Jinn’s
분열 보색 +150° +210°
- 660011
Darkest Dungeon
- 003D30
≈ Night Turquoise
- 00394F
≈ Gibraltar Sea
사각 배색 +90° +180° +270°
- 660011
Darkest Dungeon
- 343700
≈ Wasabi Nori
- 003B3F
≈ Ghostlands Coal
- 381E6E
≈ Explorer of the Galaxies
대비 및 접근성
Ag
AAA흰색 위
WCAG 13.34:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.57:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 13.34:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
CSS
:root {
--darkest-dungeon: #660011;
--darkest-dungeon-rgb: 102 0 17;
--darkest-dungeon-oklch: oklch(0.322 0.13 22.2);
}
.element {
color: var(--darkest-dungeon);
background-color: hsl(350 100% 20%);
border-color: oklch(0.322 0.13 22.2);
}Tailwind CSS v4
@theme {
--color-darkest-dungeon: #660011;
--color-darkest-dungeon-50: #ffe8e3;
--color-darkest-dungeon-100: #ffd8d3;
--color-darkest-dungeon-200: #ffbfb9;
--color-darkest-dungeon-300: #f39d97;
--color-darkest-dungeon-400: #e17e7b;
--color-darkest-dungeon-500: #ce5e5e;
--color-darkest-dungeon-600: #ae5050;
--color-darkest-dungeon-700: #8c403f;
--color-darkest-dungeon-800: #682d2f;
--color-darkest-dungeon-900: #491f20;
--color-darkest-dungeon-950: #300e0f;
}SCSS
$darkest-dungeon: #660011;
$darkest-dungeon-rgb: 102, 0, 17;
$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);
}