이름 색상 · #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