이름 색상 · #9F8046

Golden Harmony

Golden Harmony은(는) #9F8046: rgb(159 128 70), hsl(39 39% 45%), oklch(0.617 0.085 81.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Golden Harmony color name →

#9F8046

oklch(0.617 0.085 81.7)

색상 변환

HEX: #9f8046
RGB: rgb(159 128 70)
HSL: hsl(39 39% 45%)
HWB: hwb(39 27% 38%)
OKLCH: oklch(0.617 0.085 81.7)
OKLab: oklab(0.617 0.012 0.084)
CIE Lab: lab(55.64 7.04 35.85)
LCH: lch(55.64 36.53 78.9)
CMYK: cmyk(0% 19% 56% 38%)

틴트 · 셰이드 · 톤

틴트

A88C59
B2996B
BBA57E
C5B290
CEBEA2
D8CBB4
E2D8C7
EBE5D9
F5F2EC

셰이드

8A6E3C
755D32
614D28
4D3D1E
3B2E15
291F0D
181205
090602
010100

톤

9C804D
998054
96805A
938160
908166
8D816B
898071
868076
83807B

색 조화

보색 +180°

9F8046
Golden Harmony
6985B9
≈ Kimono

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 3.71:1 · APCA Lc 65

Fail

검은색 위

WCAG 5.65:1 · APCA Lc 37

가장 좋은 글자색: #000000

WCAG 5.65:1 (AA) · APCA Lc 37

Contrast pairs

코드 스니펫

CSS

:root {
  --golden-harmony: #9f8046;
  --golden-harmony-rgb: 159 128 70;
  --golden-harmony-oklch: oklch(0.617 0.085 81.7);
}

.element {
  color: var(--golden-harmony);
  background-color: hsl(39 39% 45%);
  border-color: oklch(0.617 0.085 81.7);
}

Tailwind CSS v4

@theme {
  --color-golden-harmony: #9f8046;
  --color-golden-harmony-50: #fff4da;
  --color-golden-harmony-100: #f6e6c8;
  --color-golden-harmony-200: #e6d2ab;
  --color-golden-harmony-300: #ccb485;
  --color-golden-harmony-400: #b89a63;
  --color-golden-harmony-500: #a3803f;
  --color-golden-harmony-600: #896d36;
  --color-golden-harmony-700: #6e572b;
  --color-golden-harmony-800: #523f1e;
  --color-golden-harmony-900: #392b13;
  --color-golden-harmony-950: #231805;
}

SCSS

$golden-harmony: #9f8046;
$golden-harmony-rgb: 159, 128, 70;
$golden-harmony-light: mix(#fff, $golden-harmony, 20%);
$golden-harmony-dark: mix(#000, $golden-harmony, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API