Adlandırılmış renk · #C53151
Dingy Dungeon
Dingy Dungeon, #C53151: rgb(197 49 81), hsl(347 60% 48%), oklch(0.551 0.184 13.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Dingy Dungeon color name →
#C53151
oklch(0.551 0.184 13.6)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- CE4B61
- D66172
- DD7682
- E48A93
- EA9EA5
- F0B1B6
- F5C5C8
- F9D8DA
- FCEBEC
Koyu tonlar
- AB2945
- 92223A
- 791A2F
- 611324
- 4B0C1A
- 350610
- 210307
- 0E0102
- 020000
Gri tonlar
- C03E56
- BA495B
- B4525F
- AE5A64
- A86169
- A1686D
- 9A6F72
- 927577
- 897A7B
Renk uyumları
Tamamlayıcı +180°
- C53151
Dingy Dungeon
- 008381
≈ Windows 95 Desktop
Analog -30° +30°
- C53151
Dingy Dungeon
- B5388C
≈ Fandango
- BB4900
≈ Bolognese
Üçlü +120° +240°
- C53151
Dingy Dungeon
- 498400
≈ Kelp Forest
- 0071D3
≈ Wizard Blue
Bölünmüş tamamlayıcı +150° +210°
- C53151
Dingy Dungeon
- 00875E
≈ Primal Green
- 007E9E
≈ Turkish Tile
Dörtlü +90° +180° +270°
- C53151
Dingy Dungeon
- 7E7400
≈ Sunlit Kelp Green
- 008381
≈ Windows 95 Desktop
- 685BD7
≈ Dark Periwinkle
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.34:1 · APCA Lc 75
Ag
FailSiyah üzerinde
WCAG 3.93:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.34:1 (AA) · APCA Lc 75
Contrast pairs
Kod parçacıkları
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);
}