命名颜色 · #D3BC9E

Gaia

Gaia 即 #D3BC9E：rgb(211 188 158)、hsl(34 38% 72%)、oklch(0.807 0.048 74.4)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。

What does Orange mean? → · Gaia color name →

#D3BC9E

oklch(0.807 0.048 74.4)

颜色转换

HEX: #d3bc9e
RGB: rgb(211 188 158)
HSL: hsl(34 38% 72%)
HWB: hwb(34 62% 17%)
OKLCH: oklch(0.807 0.048 74.4)
OKLab: oklab(0.807 0.013 0.047)
CIE Lab: lab(77.65 5.05 18.39)
LCH: lch(77.65 19.07 74.6)
CMYK: cmyk(0% 11% 25% 17%)

浅色调 · 深色调 · 灰色调

浅色调

D7C3A8
DCC9B1
E0D0BB
E5D7C4
E9DDCE
EDE4D8
F2EBE1
F6F1EB
FBF8F5

深色调

B7A389
9C8B74
827360
695D4D
51473A
3A3229
241F18
100D09
020201

灰色调

CAB69B
C2B098
B9AA95
B1A492
A99E8F
A0988C
989289
908C86
888683

配色和谐

互补色 +180°

D3BC9E
Gaia
ABC2DF
≈ Promise

类似色 -30° +30°

三角配色 +120° +240°

分裂互补色 +150° +210°

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

对比度与无障碍

白底

WCAG 1.83:1 · APCA Lc 34

Fail

黑底

WCAG 11.45:1 · APCA Lc 68

AAA

最佳文字颜色: #000000

WCAG 11.45:1 (AAA) · APCA Lc 68

Contrast pairs

代码片段

CSS

:root {
  --gaia: #d3bc9e;
  --gaia-rgb: 211 188 158;
  --gaia-oklch: oklch(0.807 0.048 74.4);
}

.element {
  color: var(--gaia);
  background-color: hsl(34 38% 72%);
  border-color: oklch(0.807 0.048 74.4);
}

Tailwind CSS v4

@theme {
  --color-gaia: #d3bc9e;
  --color-gaia-50: #fdf4e6;
  --color-gaia-100: #f1e6d6;
  --color-gaia-200: #e0d2be;
  --color-gaia-300: #c6b59c;
  --color-gaia-400: #b09b7f;
  --color-gaia-500: #9a8262;
  --color-gaia-600: #826e54;
  --color-gaia-700: #685843;
  --color-gaia-800: #4d4030;
  --color-gaia-900: #352c20;
  --color-gaia-950: #211910;
}

SCSS

$gaia: #d3bc9e;
$gaia-rgb: 211, 188, 158;
$gaia-light: mix(#fff, $gaia, 20%);
$gaia-dark: mix(#000, $gaia, 20%);

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

相近的命名颜色

Palettes with similar colors

在工具中打开

取色器配色组合对比度检测 Studio JSON API