Colore con nome più vicino · #D3AF77
#D3AF77
Colore con nome più vicino: Fawn
#D3AF77 (rgb(211 175 119), hsl(37 51% 65%), oklch(0.773 0.084 78.1)) è più vicino al colore con nome Fawn. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#D3AF77
oklch(0.773 0.084 78.1)
Conversioni di colore
- HEX
- #d3af77
- RGB
- rgb(211 175 119)
- HSL
- hsl(37 51% 65%)
- HWB
- hwb(37 47% 17%)
- OKLCH
- oklch(0.773 0.084 78.1)
- OKLab
- oklab(0.773 0.017 0.082)
- CIE Lab
- lab(73.77 8.1 33.84)
- LCH
- lch(73.77 34.79 76.5)
- CMYK
- cmyk(0% 17% 44% 17%)
Tinte · Ombre · Toni
Tinte
- D8B785
- DCBF93
- E0C7A0
- E5CFAE
- E9D7BB
- EEDFC9
- F2E7D6
- F6EFE4
- FBF7F1
Ombre
- B79867
- 9C8157
- 826B47
- 695638
- 51412A
- 3A2E1C
- 241C10
- 100B05
- 020101
Toni
- CAAA79
- C2A67A
- BAA17B
- B19C7D
- A9987D
- A1937E
- 988E7F
- 90897F
- 888580
Armonie di colore
Complementare +180°
- D3AF77
Fawn
- 94B7EB
≈ Adrift on the Nile
Analogo -30° +30°
- D3AF77
Fawn
- E2A586
≈ Peach Nougat
- BABA7A
≈ Ushabti Bone
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.16:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--fawn: #d3af77;
--fawn-rgb: 211 175 119;
--fawn-oklch: oklch(0.773 0.084 78.1);
}
.element {
color: var(--fawn);
background-color: hsl(37 51% 65%);
border-color: oklch(0.773 0.084 78.1);
}Tailwind CSS v4
@theme {
--color-fawn: #d3af77;
--color-fawn-50: #fff3db;
--color-fawn-100: #f7e5c9;
--color-fawn-200: #e7d1ac;
--color-fawn-300: #ceb386;
--color-fawn-400: #ba9964;
--color-fawn-500: #a57f41;
--color-fawn-600: #8b6c38;
--color-fawn-700: #70562c;
--color-fawn-800: #533e1f;
--color-fawn-900: #3a2b14;
--color-fawn-950: #241806;
}SCSS
$fawn: #d3af77;
$fawn-rgb: 211, 175, 119;
$fawn-light: mix(#fff, $fawn, 20%);
$fawn-dark: mix(#000, $fawn, 20%);
.element {
color: $fawn;
box-shadow: 0 0 0 2px rgba($fawn, 0.35);
}