Nazwany kolor · #553D3A
Deep Dungeon
Deep Dungeon to #553D3A: rgb(85 61 58), hsl(7 19% 28%), oklch(0.386 0.034 26.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Deep Dungeon color name →
#553D3A
oklch(0.386 0.034 26.8)
Konwersje koloru
- HEX
- #553d3a
- RGB
- rgb(85 61 58)
- HSL
- hsl(7 19% 28%)
- HWB
- hwb(7 23% 67%)
- OKLCH
- oklch(0.386 0.034 26.8)
- OKLab
- oklab(0.386 0.031 0.016)
- CIE Lab
- lab(28.44 10.5 6.21)
- LCH
- lch(28.44 12.2 30.6)
- CMYK
- cmyk(0% 28% 32% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 654E4B
- 75605D
- 857270
- 968583
- A79896
- B8ACAB
- C9C0BF
- DBD5D4
- EDEAE9
Odcienie ciemniejsze
- 493431
- 3D2B28
- 312220
- 261A18
- 1C1210
- 110A09
- 080404
- 020101
- 000000
Tony
- 594341
- 5E4A47
- 62504E
- 665755
- 6B5E5C
- 6F6463
- 736B6A
- 787271
- 7C7979
Harmonie kolorów
Komplementarna +180°
- 553D3A
Deep Dungeon
- 2D494D
≈ Delta Green
Analogowa -30° +30°
- 553D3A
Deep Dungeon
- 533C44
≈ Indulgence
- 523F32
≈ Turtle
Triada +120° +240°
- 553D3A
Deep Dungeon
- 384939
≈ Exclusive Green
- 3B4457
≈ Soulful Music
Komplementarna rozszczepiona +150° +210°
- 553D3A
Deep Dungeon
- 304A43
≈ Peacock House
- 324754
≈ Aristocratic Blue
Tetrada +90° +180° +270°
- 553D3A
Deep Dungeon
- 424631
≈ Country House Green
- 2D494D
≈ Delta Green
- 464054
≈ Jazlyn
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.92:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.11:1 · APCA Lc 9
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.92:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--deep-dungeon: #553d3a;
--deep-dungeon-rgb: 85 61 58;
--deep-dungeon-oklch: oklch(0.386 0.034 26.8);
}
.element {
color: var(--deep-dungeon);
background-color: hsl(7 19% 28%);
border-color: oklch(0.386 0.034 26.8);
}Tailwind CSS v4
@theme {
--color-deep-dungeon: #553d3a;
--color-deep-dungeon-50: #fff2ef;
--color-deep-dungeon-100: #f3e4e1;
--color-deep-dungeon-200: #e3cfcc;
--color-deep-dungeon-300: #c9b1ad;
--color-deep-dungeon-400: #b29794;
--color-deep-dungeon-500: #9c7e7a;
--color-deep-dungeon-600: #846b67;
--color-deep-dungeon-700: #6a5553;
--color-deep-dungeon-800: #4e3e3c;
--color-deep-dungeon-900: #362b29;
--color-deep-dungeon-950: #211817;
}SCSS
$deep-dungeon: #553d3a;
$deep-dungeon-rgb: 85, 61, 58;
$deep-dungeon-light: mix(#fff, $deep-dungeon, 20%);
$deep-dungeon-dark: mix(#000, $deep-dungeon, 20%);
.element {
color: $deep-dungeon;
box-shadow: 0 0 0 2px rgba($deep-dungeon, 0.35);
}