Colore con nome · #C39E81
Retributor Armour Metal
Retributor Armour Metal è #C39E81: rgb(195 158 129), hsl(26 35% 64%), oklch(0.726 0.06 59.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Retributor Armour Metal color name →
#C39E81
oklch(0.726 0.06 59.7)
Conversioni di colore
- HEX
- #c39e81
- RGB
- rgb(195 158 129)
- HSL
- hsl(26 35% 64%)
- HWB
- hwb(26 51% 24%)
- OKLCH
- oklch(0.726 0.06 59.7)
- OKLab
- oklab(0.726 0.03 0.052)
- CIE Lab
- lab(68.01 11.12 20.65)
- LCH
- lch(68.01 23.46 61.7)
- CMYK
- cmyk(0% 19% 34% 24%)
Tinte · Ombre · Toni
Tinte
- C9A78D
- CFB19A
- D5BBA6
- DBC4B2
- E1CEBF
- E7D8CC
- EDE1D8
- F3EBE5
- F9F5F2
Ombre
- A9896F
- 90745E
- 78604E
- 604D3E
- 4A3A2E
- 34291F
- 201812
- 0E0906
- 020101
Toni
- BC9B81
- B59881
- AF9581
- A89281
- A18F81
- 9B8C81
- 948981
- 8D8681
- 878380
Armonie di colore
Complementare +180°
- C39E81
Retributor Armour Metal
- 84ACC8
≈ Arabella
Analogo -30° +30°
- C39E81
Retributor Armour Metal
- C99991
≈ Calliope
- B5A57B
≈ Sailor’s Knot
Triadico +120° +240°
- C39E81
Retributor Armour Metal
- 7DB3A7
≈ Intracoastal
- AC9EC7
≈ Purple Rose
Complementare divisa +150° +210°
- C39E81
Retributor Armour Metal
- 79B1BB
≈ Flotation
- 97A5CD
≈ Old World
Tetradico +90° +180° +270°
- C39E81
Retributor Armour Metal
- 8CB193
≈ Monarch’s Cocoon
- 84ACC8
≈ Arabella
- BC99B9
≈ Dripping Wisteria
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.46:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.52:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.52:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--retributor-armour-metal: #c39e81;
--retributor-armour-metal-rgb: 195 158 129;
--retributor-armour-metal-oklch: oklch(0.726 0.06 59.7);
}
.element {
color: var(--retributor-armour-metal);
background-color: hsl(26 35% 64%);
border-color: oklch(0.726 0.06 59.7);
}Tailwind CSS v4
@theme {
--color-retributor-armour-metal: #c39e81;
--color-retributor-armour-metal-50: #fff2e4;
--color-retributor-armour-metal-100: #f7e4d4;
--color-retributor-armour-metal-200: #e8cfbb;
--color-retributor-armour-metal-300: #ceb199;
--color-retributor-armour-metal-400: #b9977b;
--color-retributor-armour-metal-500: #a47d5e;
--color-retributor-armour-metal-600: #8b6a50;
--color-retributor-armour-metal-700: #6f5540;
--color-retributor-armour-metal-800: #523d2e;
--color-retributor-armour-metal-900: #392a1f;
--color-retributor-armour-metal-950: #24180f;
}SCSS
$retributor-armour-metal: #c39e81;
$retributor-armour-metal-rgb: 195, 158, 129;
$retributor-armour-metal-light: mix(#fff, $retributor-armour-metal, 20%);
$retributor-armour-metal-dark: mix(#000, $retributor-armour-metal, 20%);
.element {
color: $retributor-armour-metal;
box-shadow: 0 0 0 2px rgba($retributor-armour-metal, 0.35);
}