Colore con nome · #B6935C
Barley Corn
Barley Corn è #B6935C: rgb(182 147 92), hsl(37 38% 54%), oklch(0.683 0.084 77.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Barley Corn color name →
#B6935C
oklch(0.683 0.084 77.9)
Conversioni di colore
- HEX
- #b6935c
- RGB
- rgb(182 147 92)
- HSL
- hsl(37 38% 54%)
- HWB
- hwb(37 36% 29%)
- OKLCH
- oklch(0.683 0.084 77.9)
- OKLab
- oklab(0.683 0.018 0.082)
- CIE Lab
- lab(63.32 8.42 34.2)
- LCH
- lch(63.32 35.22 76.2)
- CMYK
- cmyk(0% 19% 49% 29%)
Tinte · Ombre · Toni
Tinte
- BD9E6D
- C5A87D
- CCB38D
- D3BE9D
- DAC8AD
- E2D3BD
- E9DECE
- F0E9DE
- F8F4EE
Ombre
- 9E7F4F
- 866C42
- 6F5936
- 59472A
- 44361F
- 302514
- 1D160A
- 0C0803
- 020100
Toni
- B19161
- AB8F65
- A68E69
- A08C6D
- 9B8A70
- 968874
- 908677
- 8B847A
- 85827D
Armonie di colore
Complementare +180°
- B6935C
Barley Corn
- 799BCD
≈ Della Robbia Blue
Analogo -30° +30°
- B6935C
Barley Corn
- C48A6C
≈ Tiny Fawn
- 9E9D5F
≈ Garden of Earthly Delights
Triadico +120° +240°
- B6935C
Barley Corn
- 52A9AC
≈ Emerald Succulent
- AF89BB
≈ East Side
Complementare divisa +150° +210°
- B6935C
Barley Corn
- 5DA4C2
≈ Surgical
- 9691CB
≈ Hermosa
Tetradico +90° +180° +270°
- B6935C
Barley Corn
- 62AA8F
≈ Artemesia Green
- 799BCD
≈ Della Robbia Blue
- C084A2
≈ Rosy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.87:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.31:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.31:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--barley-corn: #b6935c;
--barley-corn-rgb: 182 147 92;
--barley-corn-oklch: oklch(0.683 0.084 77.9);
}
.element {
color: var(--barley-corn);
background-color: hsl(37 38% 54%);
border-color: oklch(0.683 0.084 77.9);
}Tailwind CSS v4
@theme {
--color-barley-corn: #b6935c;
--color-barley-corn-50: #fff3db;
--color-barley-corn-100: #f7e5c9;
--color-barley-corn-200: #e7d1ac;
--color-barley-corn-300: #ceb387;
--color-barley-corn-400: #ba9965;
--color-barley-corn-500: #a57f41;
--color-barley-corn-600: #8b6c38;
--color-barley-corn-700: #70562d;
--color-barley-corn-800: #533e1f;
--color-barley-corn-900: #3a2b14;
--color-barley-corn-950: #241806;
}SCSS
$barley-corn: #b6935c;
$barley-corn-rgb: 182, 147, 92;
$barley-corn-light: mix(#fff, $barley-corn, 20%);
$barley-corn-dark: mix(#000, $barley-corn, 20%);
.element {
color: $barley-corn;
box-shadow: 0 0 0 2px rgba($barley-corn, 0.35);
}