이름 색상 · #ACC65D

Green Glow

Green Glow은(는) #ACC65D: rgb(172 198 93), hsl(75 48% 57%), oklch(0.785 0.135 121.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#ACC65D

oklch(0.785 0.135 121.1)

색상 변환

HEX: #acc65d
RGB: rgb(172 198 93)
HSL: hsl(75 48% 57%)
HWB: hwb(75 36% 22%)
OKLCH: oklch(0.785 0.135 121.1)
OKLab: oklab(0.785 -0.07 0.116)
CIE Lab: lab(76.27 -20.8 48.7)
LCH: lch(76.27 52.95 113.1)
CMYK: cmyk(13% 0% 53% 22%)

틴트 · 셰이드 · 톤

틴트

B4CC6F
BCD281
C4D891
CCDDA2
D4E3B1
DDE9C1
E5EED1
EEF4E0
F6FAF0

셰이드

95AC50
7F9243
697A37
54622A
404B1F
2D3514
1B210A
0B0E03
010200

톤

A7BF63
A3B868
9EB16C
9AAA70
95A374
919C77
8D957A
888E7C
84877E

색 조화

보색 +180°

ACC65D
Green Glow
C7A5FF
≈ Lilac

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.91:1 · APCA Lc 36

Fail

검은색 위

WCAG 10.98:1 · APCA Lc 66

AAA

가장 좋은 글자색: #000000

WCAG 10.98:1 (AAA) · APCA Lc 66

Contrast pairs

코드 스니펫

CSS

:root {
  --green-glow: #acc65d;
  --green-glow-rgb: 172 198 93;
  --green-glow-oklch: oklch(0.785 0.135 121.1);
}

.element {
  color: var(--green-glow);
  background-color: hsl(75 48% 57%);
  border-color: oklch(0.785 0.135 121.1);
}

Tailwind CSS v4

@theme {
  --color-green-glow: #acc65d;
  --color-green-glow-50: #edfcd2;
  --color-green-glow-100: #dff0be;
  --color-green-glow-200: #c9de9e;
  --color-green-glow-300: #aac374;
  --color-green-glow-400: #93aa47;
  --color-green-glow-500: #799302;
  --color-green-glow-600: #677c0c;
  --color-green-glow-700: #52630b;
  --color-green-glow-800: #3d4802;
  --color-green-glow-900: #2a3203;
  --color-green-glow-950: #181e00;
}

SCSS

$green-glow: #acc65d;
$green-glow-rgb: 172, 198, 93;
$green-glow-light: mix(#fff, $green-glow, 20%);
$green-glow-dark: mix(#000, $green-glow, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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