이름 색상 · #C53151
Dingy Dungeon
Dingy Dungeon은(는) #C53151: rgb(197 49 81), hsl(347 60% 48%), oklch(0.551 0.184 13.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Red mean? → · Dingy Dungeon color name →
#C53151
oklch(0.551 0.184 13.6)
색상 변환
- HEX
- #c53151
- RGB
- rgb(197 49 81)
- HSL
- hsl(347 60% 48%)
- HWB
- hwb(347 19% 23%)
- OKLCH
- oklch(0.551 0.184 13.6)
- OKLab
- oklab(0.551 0.178 0.043)
- CIE Lab
- lab(45.8 59.53 18.88)
- LCH
- lch(45.8 62.45 17.6)
- CMYK
- cmyk(0% 75% 59% 23%)
틴트 · 셰이드 · 톤
틴트
- CE4B61
- D66172
- DD7682
- E48A93
- EA9EA5
- F0B1B6
- F5C5C8
- F9D8DA
- FCEBEC
셰이드
- AB2945
- 92223A
- 791A2F
- 611324
- 4B0C1A
- 350610
- 210307
- 0E0102
- 020000
톤
- C03E56
- BA495B
- B4525F
- AE5A64
- A86169
- A1686D
- 9A6F72
- 927577
- 897A7B
색 조화
보색 +180°
- C53151
Dingy Dungeon
- 008381
≈ Windows 95 Desktop
유사색 -30° +30°
- C53151
Dingy Dungeon
- B5388C
≈ Fandango
- BB4900
≈ Bolognese
삼각 배색 +120° +240°
- C53151
Dingy Dungeon
- 498400
≈ Kelp Forest
- 0071D3
≈ Wizard Blue
분열 보색 +150° +210°
- C53151
Dingy Dungeon
- 00875E
≈ Primal Green
- 007E9E
≈ Turkish Tile
사각 배색 +90° +180° +270°
- C53151
Dingy Dungeon
- 7E7400
≈ Sunlit Kelp Green
- 008381
≈ Windows 95 Desktop
- 685BD7
≈ Dark Periwinkle
대비 및 접근성
Ag
AA흰색 위
WCAG 5.34:1 · APCA Lc 75
Ag
Fail검은색 위
WCAG 3.93:1 · APCA Lc 26
가장 좋은 글자색: #FFFFFF
WCAG 5.34:1 (AA) · APCA Lc 75
Contrast pairs
코드 스니펫
CSS
:root {
--dingy-dungeon: #c53151;
--dingy-dungeon-rgb: 197 49 81;
--dingy-dungeon-oklch: oklch(0.551 0.184 13.6);
}
.element {
color: var(--dingy-dungeon);
background-color: hsl(347 60% 48%);
border-color: oklch(0.551 0.184 13.6);
}Tailwind CSS v4
@theme {
--color-dingy-dungeon: #c53151;
--color-dingy-dungeon-50: #ffe1e4;
--color-dingy-dungeon-100: #ffcfd3;
--color-dingy-dungeon-200: #ffb3ba;
--color-dingy-dungeon-300: #ff8d98;
--color-dingy-dungeon-400: #f7687e;
--color-dingy-dungeon-500: #e53e61;
--color-dingy-dungeon-600: #c13753;
--color-dingy-dungeon-700: #9c2c42;
--color-dingy-dungeon-800: #741e32;
--color-dingy-dungeon-900: #521422;
--color-dingy-dungeon-950: #360411;
}SCSS
$dingy-dungeon: #c53151;
$dingy-dungeon-rgb: 197, 49, 81;
$dingy-dungeon-light: mix(#fff, $dingy-dungeon, 20%);
$dingy-dungeon-dark: mix(#000, $dingy-dungeon, 20%);
.element {
color: $dingy-dungeon;
box-shadow: 0 0 0 2px rgba($dingy-dungeon, 0.35);
}