Colore con nome · #C3A679
Medallion
Medallion è #C3A679: rgb(195 166 121), hsl(36 38% 62%), oklch(0.74 0.069 78.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Medallion color name →
#C3A679
oklch(0.74 0.069 78.3)
Conversioni di colore
- HEX
- #c3a679
- RGB
- rgb(195 166 121)
- HSL
- hsl(36 38% 62%)
- HWB
- hwb(36 47% 24%)
- OKLCH
- oklch(0.74 0.069 78.3)
- OKLab
- oklab(0.74 0.014 0.068)
- CIE Lab
- lab(69.92 6.3 27.49)
- LCH
- lch(69.92 28.2 77.1)
- CMYK
- cmyk(0% 15% 38% 24%)
Tinte · Ombre · Toni
Tinte
- C9AF86
- CFB794
- D5C0A1
- DBC9AE
- E1D2BB
- E7DBC9
- EDE4D6
- F3EDE4
- F9F6F1
Ombre
- A99068
- 907A58
- 786548
- 605139
- 4A3E2B
- 342B1D
- 201A10
- 0E0A05
- 020101
Toni
- BCA27A
- B59E7B
- AF9B7C
- A8977D
- A1937E
- 9A8F7E
- 948B7F
- 8D887F
- 878480
Armonie di colore
Complementare +180°
- C3A679
Medallion
- 90ADD7
≈ Casual Water
Analogo -30° +30°
- C3A679
Medallion
- D09E85
≈ Dusty Coral
- AEAF7B
≈ Stuffed Olive
Triadico +120° +240°
- C3A679
Medallion
- 74B9BB
≈ Surfer
- BE9DC7
≈ Lilac Pink
Complementare divisa +150° +210°
- C3A679
Medallion
- 7CB4CE
≈ Alpine Sky
- A8A4D5
≈ Simply Violet
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.32:1 · APCA Lc 46
Ag
AAASu nero
WCAG 9.05:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 9.05:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--medallion: #c3a679;
--medallion-rgb: 195 166 121;
--medallion-oklch: oklch(0.74 0.069 78.3);
}
.element {
color: var(--medallion);
background-color: hsl(36 38% 62%);
border-color: oklch(0.74 0.069 78.3);
}Tailwind CSS v4
@theme {
--color-medallion: #c3a679;
--color-medallion-50: #fff4df;
--color-medallion-100: #f4e6cf;
--color-medallion-200: #e4d2b4;
--color-medallion-300: #cab490;
--color-medallion-400: #b59a70;
--color-medallion-500: #9f8150;
--color-medallion-600: #876d44;
--color-medallion-700: #6c5736;
--color-medallion-800: #503f26;
--color-medallion-900: #382c1a;
--color-medallion-950: #22190a;
}SCSS
$medallion: #c3a679;
$medallion-rgb: 195, 166, 121;
$medallion-light: mix(#fff, $medallion, 20%);
$medallion-dark: mix(#000, $medallion, 20%);
.element {
color: $medallion;
box-shadow: 0 0 0 2px rgba($medallion, 0.35);
}