Nazwany kolor · #533D47
Indulgence
Indulgence to #533D47: rgb(83 61 71), hsl(333 15% 28%), oklch(0.388 0.034 349.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Indulgence color name →
#533D47
oklch(0.388 0.034 349.9)
Konwersje koloru
- HEX
- #533d47
- RGB
- rgb(83 61 71)
- HSL
- hsl(333 15% 28%)
- HWB
- hwb(333 24% 67%)
- OKLCH
- oklch(0.388 0.034 349.9)
- OKLab
- oklab(0.388 0.034 -0.006)
- CIE Lab
- lab(28.52 11.3 -2.18)
- LCH
- lch(28.52 11.51 349.1)
- CMYK
- cmyk(0% 27% 14% 67%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 634E57
- 736068
- 84727A
- 94858C
- A5989E
- B7ACB1
- C8C0C4
- DAD5D7
- EDEAEB
Odcienie ciemniejsze
- 47343D
- 3B2B32
- 302228
- 251A1F
- 1B1216
- 110A0D
- 080406
- 020102
- 000000
Tony
- 58434C
- 5C4A52
- 615057
- 65575D
- 6A5E63
- 6E6469
- 736B6E
- 777274
- 7C797A
Harmonie kolorów
Komplementarna +180°
- 533D47
Indulgence
- 324B41
≈ Garnet Black Green
Analogowa -30° +30°
- 533D47
Indulgence
- 4D3F50
≈ Stone Violet
- 563D3D
≈ Budapest Brown
Triada +120° +240°
- 533D47
Indulgence
- 454631
≈ Country House Green
- 314853
≈ Sea Kelp
Komplementarna rozszczepiona +150° +210°
- 533D47
Indulgence
- 3B4938
≈ Copper Pyrite Green
- 2E4A4C
≈ Delta Green
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.87:1 · APCA Lc 93
Ag
FailNa czerni
WCAG 2.12:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.87:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--indulgence: #533d47;
--indulgence-rgb: 83 61 71;
--indulgence-oklch: oklch(0.388 0.034 349.9);
}
.element {
color: var(--indulgence);
background-color: hsl(333 15% 28%);
border-color: oklch(0.388 0.034 349.9);
}Tailwind CSS v4
@theme {
--color-indulgence: #533d47;
--color-indulgence-50: #fef1f6;
--color-indulgence-100: #f2e3e9;
--color-indulgence-200: #e1cfd6;
--color-indulgence-300: #c6b1b9;
--color-indulgence-400: #af97a1;
--color-indulgence-500: #997d89;
--color-indulgence-600: #816a74;
--color-indulgence-700: #67555d;
--color-indulgence-800: #4c3e44;
--color-indulgence-900: #352a2f;
--color-indulgence-950: #20181c;
}SCSS
$indulgence: #533d47;
$indulgence-rgb: 83, 61, 71;
$indulgence-light: mix(#fff, $indulgence, 20%);
$indulgence-dark: mix(#000, $indulgence, 20%);
.element {
color: $indulgence;
box-shadow: 0 0 0 2px rgba($indulgence, 0.35);
}