이름 색상 · #D8CB4B

Advertisement Green

Advertisement Green은(는) #D8CB4B: rgb(216 203 75), hsl(54 64% 57%), oklch(0.83 0.146 103.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Advertisement Green color name →

#D8CB4B

oklch(0.83 0.146 103.5)

색상 변환

HEX: #d8cb4b
RGB: rgb(216 203 75)
HSL: hsl(54 64% 57%)
HWB: hwb(54 29% 15%)
OKLCH: oklch(0.83 0.146 103.5)
OKLab: oklab(0.83 -0.034 0.142)
CIE Lab: lab(81.03 -6.21 62.76)
LCH: lch(81.03 63.07 95.6)
CMYK: cmyk(0% 6% 65% 15%)

틴트 · 셰이드 · 톤

틴트

DCD163
DFD677
E3DB8A
E7E19C
EBE6AD
EFEBBE
F3F0CF
F7F5DF
FBFAEF

셰이드

BCB040
A09635
857D2B
6B6521
534D17
3B370E
252206
110F02
020200

톤

CFC355
C6BC5E
BCB464
B3AD6A
ABA66F
A29E74
999778
918F7B
88887E

색 조화

보색 +180°

D8CB4B
Advertisement Green
BFC0FF
≈ Dried Lilac

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

D8CB4B
Advertisement Green
A0CBFF
≈ Apocyan
E3AFFF
≈ Mauve

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

대비 및 접근성

흰색 위

WCAG 1.67:1 · APCA Lc 29

Fail

검은색 위

WCAG 12.56:1 · APCA Lc 73

AAA

가장 좋은 글자색: #000000

WCAG 12.56:1 (AAA) · APCA Lc 73

Contrast pairs

코드 스니펫

CSS

:root {
  --advertisement-green: #d8cb4b;
  --advertisement-green-rgb: 216 203 75;
  --advertisement-green-oklch: oklch(0.83 0.146 103.5);
}

.element {
  color: var(--advertisement-green);
  background-color: hsl(54 64% 57%);
  border-color: oklch(0.83 0.146 103.5);
}

Tailwind CSS v4

@theme {
  --color-advertisement-green: #d8cb4b;
  --color-advertisement-green-50: #faf8c8;
  --color-advertisement-green-100: #eeecb3;
  --color-advertisement-green-200: #ddd88e;
  --color-advertisement-green-300: #c2bc5e;
  --color-advertisement-green-400: #aea120;
  --color-advertisement-green-500: #988800;
  --color-advertisement-green-600: #817400;
  --color-advertisement-green-700: #675c00;
  --color-advertisement-green-800: #4d4300;
  --color-advertisement-green-900: #362e00;
  --color-advertisement-green-950: #211b00;
}

SCSS

$advertisement-green: #d8cb4b;
$advertisement-green-rgb: 216, 203, 75;
$advertisement-green-light: mix(#fff, $advertisement-green, 20%);
$advertisement-green-dark: mix(#000, $advertisement-green, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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