이름 색상 · #EED280

Golden Sap

Golden Sap은(는) #EED280: rgb(238 210 128), hsl(45 76% 72%), oklch(0.87 0.106 91.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Golden Sap color name →

#EED280

oklch(0.87 0.106 91.2)

색상 변환

HEX: #eed280
RGB: rgb(238 210 128)
HSL: hsl(45 76% 72%)
HWB: hwb(45 50% 7%)
OKLCH: oklch(0.87 0.106 91.2)
OKLab: oklab(0.87 -0.002 0.106)
CIE Lab: lab(85.27 2.34 44.21)
LCH: lch(85.27 44.28 87)
CMYK: cmyk(0% 12% 46% 7%)

틴트 · 셰이드 · 톤

틴트

F0D78E
F1DB9B
F3E0A8
F5E4B5
F7E9C2
F8EDCE
FAF2DA
FCF6E7
FDFBF3

셰이드

CFB66E
B19B5D
93814D
77683D
5C502E
42391F
2A2412
141006
030201

톤

E2CA81
D7C182
CCB983
C1B183
B5A983
ABA083
A09883
959082
8A8881

색 조화

보색 +180°

EED280
Golden Sap
C5D3FF
≈ Pale Phthalo Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.48:1 · APCA Lc 23

Fail

검은색 위

WCAG 14.16:1 · APCA Lc 81

AAA

가장 좋은 글자색: #000000

WCAG 14.16:1 (AAA) · APCA Lc 81

Contrast pairs

코드 스니펫

CSS

:root {
  --golden-sap: #eed280;
  --golden-sap-rgb: 238 210 128;
  --golden-sap-oklch: oklch(0.87 0.106 91.2);
}

.element {
  color: var(--golden-sap);
  background-color: hsl(45 76% 72%);
  border-color: oklch(0.87 0.106 91.2);
}

Tailwind CSS v4

@theme {
  --color-golden-sap: #eed280;
  --color-golden-sap-50: #fff5d3;
  --color-golden-sap-100: #f4e8c0;
  --color-golden-sap-200: #e4d4a1;
  --color-golden-sap-300: #cab777;
  --color-golden-sap-400: #b69c50;
  --color-golden-sap-500: #a0831e;
  --color-golden-sap-600: #876f1d;
  --color-golden-sap-700: #6d5917;
  --color-golden-sap-800: #51400e;
  --color-golden-sap-900: #382c09;
  --color-golden-sap-950: #231900;
}

SCSS

$golden-sap: #eed280;
$golden-sap-rgb: 238, 210, 128;
$golden-sap-light: mix(#fff, $golden-sap, 20%);
$golden-sap-dark: mix(#000, $golden-sap, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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