Nazwany kolor · #C53151
Dingy Dungeon
Dingy Dungeon to #C53151: rgb(197 49 81), hsl(347 60% 48%), oklch(0.551 0.184 13.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Red mean? → · Dingy Dungeon color name →
#C53151
oklch(0.551 0.184 13.6)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CE4B61
- D66172
- DD7682
- E48A93
- EA9EA5
- F0B1B6
- F5C5C8
- F9D8DA
- FCEBEC
Odcienie ciemniejsze
- AB2945
- 92223A
- 791A2F
- 611324
- 4B0C1A
- 350610
- 210307
- 0E0102
- 020000
Tony
- C03E56
- BA495B
- B4525F
- AE5A64
- A86169
- A1686D
- 9A6F72
- 927577
- 897A7B
Harmonie kolorów
Komplementarna +180°
- C53151
Dingy Dungeon
- 008381
≈ Windows 95 Desktop
Analogowa -30° +30°
- C53151
Dingy Dungeon
- B5388C
≈ Fandango
- BB4900
≈ Bolognese
Triada +120° +240°
- C53151
Dingy Dungeon
- 498400
≈ Kelp Forest
- 0071D3
≈ Wizard Blue
Komplementarna rozszczepiona +150° +210°
- C53151
Dingy Dungeon
- 00875E
≈ Primal Green
- 007E9E
≈ Turkish Tile
Tetrada +90° +180° +270°
- C53151
Dingy Dungeon
- 7E7400
≈ Sunlit Kelp Green
- 008381
≈ Windows 95 Desktop
- 685BD7
≈ Dark Periwinkle
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.34:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 3.93:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.34:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
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);
}