Colorise ProOKLCH Engine
ExploreStudioNamesPickerPairs
ExploreStudioNamesPickerPairsContrastExtract
Menu

Product

  • Home
  • Explore
  • Studio
  • Color Names

Tools

  • Picker
  • Color Pairs
  • Contrast
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings
首页/颜色/#8A6530

最接近的命名颜色 · #8A6530

#8A6530

最接近的命名颜色: Hot Curry

#8A6530(rgb(138 101 48)、hsl(35 48% 36%)、oklch(0.534 0.084 74))最接近命名颜色 Hot Curry。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度,以及 CSS、Tailwind v4 和 SCSS 代码。

What does Brown mean? →

#8A6530

oklch(0.534 0.084 74)

颜色转换

HEX
#8a6530
RGB
rgb(138 101 48)
HSL
hsl(35 48% 36%)
HWB
hwb(35 19% 46%)
OKLCH
oklch(0.534 0.084 74)
OKLab
oklab(0.534 0.023 0.081)
CIE Lab
lab(45.86 11.06 35.42)
LCH
lch(45.86 37.1 72.7)
CMYK
cmyk(0% 27% 65% 46%)

浅色调 · 深色调 · 灰色调

浅色调

  • 957445
  • A1825A
  • AD916E
  • B8A082
  • C4B096
  • D0BFAB
  • DBCFBF
  • E7DFD4
  • F3EFE9

深色调

  • 775728
  • 654921
  • 533C1A
  • 422F13
  • 32220C
  • 221706
  • 140C03
  • 070301
  • 010000

灰色调

  • 89683A
  • 886B43
  • 886E4B
  • 877053
  • 86735B
  • 857663
  • 84786A
  • 827B71
  • 817E79

配色和谐

互补色 +180°

  • 8A6530

    Hot Curry

  • 496F9D

    ≈ Cobalt Flame

类似色 -30° +30°

  • 8A6530

    Hot Curry

  • 965C43

    ≈ Coconut

  • 756F30

    ≈ Olivetone

三角配色 +120° +240°

  • 8A6530

    Hot Curry

  • 1A7C7B

    ≈ Parasailing

  • 7F5E8F

    ≈ Plum Power

分裂互补色 +150° +210°

  • 8A6530

    Hot Curry

  • 297791

    ≈ Devil Blue

  • 67669C

    ≈ Dark Horizon

四角配色 +90° +180° +270°

  • 8A6530

    Hot Curry

  • 367C60

    ≈ Liquid Green Stuff

  • 496F9D

    ≈ Cobalt Flame

  • 8F5879

    ≈ Queen’s Honour

对比度与无障碍

Ag

白底

WCAG 5.27:1 · APCA Lc 76

AA
Ag

黑底

WCAG 3.98:1 · APCA Lc 26

Fail

最佳文字颜色: #FFFFFF

WCAG 5.27:1 (AA) · APCA Lc 76

Contrast pairs

  • #8A6530 / #FFFFFF
  • #8A6530 / #000000
  • #FFFFFF / #8A6530
  • #000000 / #8A6530

代码片段

CSS

:root {
  --hot-curry: #8a6530;
  --hot-curry-rgb: 138 101 48;
  --hot-curry-oklch: oklch(0.534 0.084 74);
}

.element {
  color: var(--hot-curry);
  background-color: hsl(35 48% 36%);
  border-color: oklch(0.534 0.084 74);
}

Tailwind CSS v4

@theme {
  --color-hot-curry: #8a6530;
  --color-hot-curry-50: #fff2db;
  --color-hot-curry-100: #f9e5c9;
  --color-hot-curry-200: #e9d0ad;
  --color-hot-curry-300: #d1b287;
  --color-hot-curry-400: #bd9765;
  --color-hot-curry-500: #a87d42;
  --color-hot-curry-600: #8e6a39;
  --color-hot-curry-700: #71552d;
  --color-hot-curry-800: #543d1f;
  --color-hot-curry-900: #3b2a15;
  --color-hot-curry-950: #251806;
}

SCSS

$hot-curry: #8a6530;
$hot-curry-rgb: 138, 101, 48;
$hot-curry-light: mix(#fff, $hot-curry, 20%);
$hot-curry-dark: mix(#000, $hot-curry, 20%);

.element {
  color: $hot-curry;
  box-shadow: 0 0 0 2px rgba($hot-curry, 0.35);
}

相近的命名颜色

  • 8D6737

    Beagle Brown

  • 906528

    Tapenade

  • 8C6338

    McKenzie

  • 836539

    Dirt Brown

  • 886221

    Kumera

  • 856829

    Hunting Jacket

  • 8D5F2C

    Rusty Coin

  • 936630

    Retrofit

  • 8A693F

    Eagles Nest

  • 8C633C

    Cambridge Leather

  • 886A3F

    Shaker Peg

  • 886B2E

    Aged Antics

Palettes with similar colors

  • Woodgrain HorizonGreen · Warm
  • Hot Curry RibbonGreen · Warm
  • True Hot Curry CanvasGreen · Warm
  • Steady Hot Curry NoirGreen · Warm
  • Hot Curry MeadowGreen · Warm
  • True Woodgrain GroveGreen · Warm

在工具中打开

取色器配色组合对比度检测StudioJSON API
Colorise Pro

Free OKLCH color workspace: precision color picker, color pairs, WCAG & APCA contrast checker, palette from image, Studio systems, names, gradients, and brand tools. Export HEX, CSS, Tailwind & DTCG.

OKLCH Engine

Product

  • Home
  • Explore
  • Studio
  • Color Names
  • Color Codes

Tools

  • Color Picker
  • Color Pairs
  • Contrast Checker
  • Image Extract
  • Gradient Lab
  • Palette Diff
  • Brand from URL
  • For presentations
  • For business cards
  • For SaaS landings
  • Duo pairs
  • Trio systems

Guides

  • All guides
  • OKLCH vs HSL
  • WCAG vs APCA
  • OKLCH color scales
  • Gamut & sRGB
  • Extract from images
  • HEX to OKLCH
  • Dark mode colors
  • Color meanings

Legal

  • Privacy
  • Terms

© 2026 Colorise Pro. All rights reserved.

© 2026 Colorise Pro. Built for precision color work.

Report infringement: [email protected] (Colorise Pro)

PrivacyTermsOKLCH · WCAG · APCA