Colore con nome · #B56C23
Hardy Clay
Hardy Clay è #B56C23: rgb(181 108 35), hsl(30 68% 42%), oklch(0.6 0.125 60.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Hardy Clay color name →
#B56C23
oklch(0.6 0.125 60.6)
Conversioni di colore
- HEX
- #b56c23
- RGB
- rgb(181 108 35)
- HSL
- hsl(30 68% 42%)
- HWB
- hwb(30 14% 29%)
- OKLCH
- oklch(0.6 0.125 60.6)
- OKLab
- oklab(0.6 0.061 0.109)
- CIE Lab
- lab(53.09 25.88 50.74)
- LCH
- lch(53.09 56.96 63)
- CMYK
- cmyk(0% 40% 81% 29%)
Tinte · Ombre · Toni
Tinte
- BD7B3F
- C58956
- CD986C
- D5A681
- DCB596
- E4C4AA
- EBD2BF
- F2E1D4
- F8F0EA
Ombre
- 9D5D1D
- 864E17
- 6F4011
- 59320C
- 442507
- 301904
- 1D0D01
- 0C0400
- 020000
Toni
- B06F32
- AB713E
- A67448
- A17651
- 9C785A
- 977A62
- 917B6A
- 8C7D71
- 867F79
Armonie di colore
Complementare +180°
- B56C23
Hardy Clay
- 2588C3
≈ Klaxosaur Blue
Analogo -30° +30°
- B56C23
Hardy Clay
- BF6051
≈ Too Hot to Handle
- 9C7C00
≈ Yellowish Brown
Triadico +120° +240°
- B56C23
Hardy Clay
- 009583
≈ Approval Green
- 8D6DBF
≈ Middle Blue Purple
Complementare divisa +150° +210°
- B56C23
Hardy Clay
- 0090A3
≈ Oasis
- 647ACB
≈ Indigo Light
Tetradico +90° +180° +270°
- B56C23
Hardy Clay
- 3E9557
≈ Eucalyptus
- 2588C3
≈ Klaxosaur Blue
- AA62A3
≈ Iris Orchid
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.09:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.13:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.13:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--hardy-clay: #b56c23;
--hardy-clay-rgb: 181 108 35;
--hardy-clay-oklch: oklch(0.6 0.125 60.6);
}
.element {
color: var(--hardy-clay);
background-color: hsl(30 68% 42%);
border-color: oklch(0.6 0.125 60.6);
}Tailwind CSS v4
@theme {
--color-hardy-clay: #b56c23;
--color-hardy-clay-50: #ffeed1;
--color-hardy-clay-100: #ffe0be;
--color-hardy-clay-200: #fbc99d;
--color-hardy-clay-300: #e5a973;
--color-hardy-clay-400: #d48c4c;
--color-hardy-clay-500: #c06f17;
--color-hardy-clay-600: #a25f18;
--color-hardy-clay-700: #824b13;
--color-hardy-clay-800: #62360d;
--color-hardy-clay-900: #442508;
--color-hardy-clay-950: #2c1300;
}SCSS
$hardy-clay: #b56c23;
$hardy-clay-rgb: 181, 108, 35;
$hardy-clay-light: mix(#fff, $hardy-clay, 20%);
$hardy-clay-dark: mix(#000, $hardy-clay, 20%);
.element {
color: $hardy-clay;
box-shadow: 0 0 0 2px rgba($hardy-clay, 0.35);
}