Colore con nome · #BE8035
Fresh Clay
Fresh Clay è #BE8035: rgb(190 128 53), hsl(33 56% 48%), oklch(0.65 0.118 67.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Fresh Clay color name →
#BE8035
oklch(0.65 0.118 67.9)
Conversioni di colore
- HEX
- #be8035
- RGB
- rgb(190 128 53)
- HSL
- hsl(33 56% 48%)
- HWB
- hwb(33 21% 25%)
- OKLCH
- oklch(0.65 0.118 67.9)
- OKLab
- oklab(0.65 0.044 0.109)
- CIE Lab
- lab(59.11 19.79 49.13)
- LCH
- lch(59.11 52.96 68.1)
- CMYK
- cmyk(0% 33% 72% 25%)
Tinte · Ombre · Toni
Tinte
- C58D4D
- CC9962
- D3A676
- D9B38A
- E0BF9D
- E6CCB1
- EDD9C4
- F3E5D8
- F9F2EB
Ombre
- A56E2D
- 8C5D25
- 754D1D
- 5E3D15
- 482E0E
- 331F08
- 1F1203
- 0D0601
- 020100
Toni
- B88040
- B2814A
- AC8152
- A6815A
- A08161
- 9A8168
- 93816E
- 8D8174
- 87807A
Armonie di colore
Complementare +180°
- BE8035
Fresh Clay
- 4F94D3
≈ Delphinium Corsage
Analogo -30° +30°
- BE8035
Fresh Clay
- CC7459
≈ Dusted Clay
- A28F2C
≈ Faint Green
Triadico +120° +240°
- BE8035
Fresh Clay
- 00A59C
≈ Grecian Isle
- A37BC6
≈ Wisteria
Complementare divisa +150° +210°
- BE8035
Fresh Clay
- 009FBE
≈ Greek Blue
- 7E87D6
≈ Tanzine
Tetradico +90° +180° +270°
- BE8035
Fresh Clay
- 45A573
≈ Linoleum Green
- 4F94D3
≈ Delphinium Corsage
- BD72A8
≈ Crocus
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.31:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.32:1 · APCA Lc 41
Miglior colore del testo: #000000
WCAG 6.32:1 (AA) · APCA Lc 41
Contrast pairs
Frammenti di codice
CSS
:root {
--fresh-clay: #be8035;
--fresh-clay-rgb: 190 128 53;
--fresh-clay-oklch: oklch(0.65 0.118 67.9);
}
.element {
color: var(--fresh-clay);
background-color: hsl(33 56% 48%);
border-color: oklch(0.65 0.118 67.9);
}Tailwind CSS v4
@theme {
--color-fresh-clay: #be8035;
--color-fresh-clay-50: #fff0d1;
--color-fresh-clay-100: #ffe2be;
--color-fresh-clay-200: #f5cc9e;
--color-fresh-clay-300: #dead73;
--color-fresh-clay-400: #cc904c;
--color-fresh-clay-500: #b97516;
--color-fresh-clay-600: #9c6317;
--color-fresh-clay-700: #7d4f13;
--color-fresh-clay-800: #5e390c;
--color-fresh-clay-900: #422708;
--color-fresh-clay-950: #2a1500;
}SCSS
$fresh-clay: #be8035;
$fresh-clay-rgb: 190, 128, 53;
$fresh-clay-light: mix(#fff, $fresh-clay, 20%);
$fresh-clay-dark: mix(#000, $fresh-clay, 20%);
.element {
color: $fresh-clay;
box-shadow: 0 0 0 2px rgba($fresh-clay, 0.35);
}