Cor nomeada · #6D562C
Horses Neck
Horses Neck é #6D562C: rgb(109 86 44), hsl(39 42% 30%), oklch(0.467 0.066 81). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Brown mean? → · Horses Neck color name →
#6D562C
oklch(0.467 0.066 81)
Conversões de cor
- HEX
- #6d562c
- RGB
- rgb(109 86 44)
- HSL
- hsl(39 42% 30%)
- HWB
- hwb(39 17% 57%)
- OKLCH
- oklch(0.467 0.066 81)
- OKLab
- oklab(0.467 0.01 0.065)
- CIE Lab
- lab(38.25 5.8 27.9)
- LCH
- lch(38.25 28.5 78.3)
- CMYK
- cmyk(0% 21% 60% 57%)
Tons claros · Sombras · Tons
Tons claros
- 7B6640
- 897654
- 978669
- A5967D
- B4A792
- C2B8A7
- D1CABC
- E0DBD2
- F0EDE8
Sombras
- 5E4A25
- 4F3E1E
- 413217
- 332711
- 261C0A
- 191205
- 0D0802
- 040201
- 010000
Tons
- 6F5A35
- 715E3E
- 736347
- 75674F
- 776B57
- 796F5F
- 7B7368
- 7C7870
- 7E7C78
Harmonias de cor
Complementar +180°
- 6D562C
Horses Neck
- 455A7F
≈ Optimum Blue
Análoga -30° +30°
- 6D562C
Horses Neck
- 784F37
≈ Walnut Wood
- 5B5E30
≈ Basque Green
Tríade +120° +240°
- 6D562C
Horses Neck
- 226569
≈ Pacific
- 6B4E71
≈ Exotic Purple
Complementar dividida +150° +210°
- 6D562C
Horses Neck
- 2E6178
≈ Berry Blue
- 5A537C
≈ Aurora Splendour
Tétrade +90° +180° +270°
- 6D562C
Horses Neck
- 2E6655
≈ Terrestrial
- 455A7F
≈ Optimum Blue
- 764A5E
≈ Bewitching
Contraste e acessibilidade
Ag
AASobre branco
WCAG 6.95:1 · APCA Lc 84
Ag
FailSobre preto
WCAG 3.01:1 · APCA Lc 18
Melhor cor de texto: #FFFFFF
WCAG 6.95:1 (AA) · APCA Lc 84
Contrast pairs
Trechos de código
CSS
:root {
--horses-neck: #6d562c;
--horses-neck-rgb: 109 86 44;
--horses-neck-oklch: oklch(0.467 0.066 81);
}
.element {
color: var(--horses-neck);
background-color: hsl(39 42% 30%);
border-color: oklch(0.467 0.066 81);
}Tailwind CSS v4
@theme {
--color-horses-neck: #6d562c;
--color-horses-neck-50: #fef4e0;
--color-horses-neck-100: #f3e6d0;
--color-horses-neck-200: #e2d2b5;
--color-horses-neck-300: #c8b591;
--color-horses-neck-400: #b39b72;
--color-horses-neck-500: #9d8252;
--color-horses-neck-600: #856e46;
--color-horses-neck-700: #6a5838;
--color-horses-neck-800: #4f4027;
--color-horses-neck-900: #372c1a;
--color-horses-neck-950: #22190b;
}SCSS
$horses-neck: #6d562c;
$horses-neck-rgb: 109, 86, 44;
$horses-neck-light: mix(#fff, $horses-neck, 20%);
$horses-neck-dark: mix(#000, $horses-neck, 20%);
.element {
color: $horses-neck;
box-shadow: 0 0 0 2px rgba($horses-neck, 0.35);
}