Cor nomeada · #B6935C
Barley Corn
Barley Corn é #B6935C: rgb(182 147 92), hsl(37 38% 54%), oklch(0.683 0.084 77.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Orange mean? → · Barley Corn color name →
#B6935C
oklch(0.683 0.084 77.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- BD9E6D
- C5A87D
- CCB38D
- D3BE9D
- DAC8AD
- E2D3BD
- E9DECE
- F0E9DE
- F8F4EE
Sombras
- 9E7F4F
- 866C42
- 6F5936
- 59472A
- 44361F
- 302514
- 1D160A
- 0C0803
- 020100
Tons
- B19161
- AB8F65
- A68E69
- A08C6D
- 9B8A70
- 968874
- 908677
- 8B847A
- 85827D
Harmonias de cor
Complementar +180°
- B6935C
Barley Corn
- 799BCD
≈ Della Robbia Blue
Análoga -30° +30°
- B6935C
Barley Corn
- C48A6C
≈ Tiny Fawn
- 9E9D5F
≈ Garden of Earthly Delights
Tríade +120° +240°
- B6935C
Barley Corn
- 52A9AC
≈ Emerald Succulent
- AF89BB
≈ East Side
Complementar dividida +150° +210°
- B6935C
Barley Corn
- 5DA4C2
≈ Surgical
- 9691CB
≈ Hermosa
Tétrade +90° +180° +270°
- B6935C
Barley Corn
- 62AA8F
≈ Artemesia Green
- 799BCD
≈ Della Robbia Blue
- C084A2
≈ Rosy
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.87:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.31:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.31:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos de código
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);
}