이름 색상 · #C7C3A8

Green Gaze

Green Gaze은(는) #C7C3A8: rgb(199 195 168), hsl(52 22% 72%), oklch(0.813 0.037 100.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

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

#C7C3A8

oklch(0.813 0.037 100.2)

색상 변환

HEX: #c7c3a8
RGB: rgb(199 195 168)
HSL: hsl(52 22% 72%)
HWB: hwb(52 66% 22%)
OKLCH: oklch(0.813 0.037 100.2)
OKLab: oklab(0.813 -0.007 0.036)
CIE Lab: lab(78.58 -1.94 14.16)
LCH: lch(78.58 14.29 97.8)
CMYK: cmyk(0% 2% 16% 22%)

틴트 · 셰이드 · 톤

틴트

CCC9B1
D2CFB9
D7D5C2
DDDBCA
E3E1D3
E8E7DC
EEEDE4
F4F3ED
F9F9F6

셰이드

ADA992
93907C
7A7867
626052
4C4A3F
36342C
21201A
0E0E0A
020201

톤

C0BCA4
B8B5A0
B1AE9C
AAA898
A3A194
9C9A90
95948C
8E8D88
878684

색 조화

보색 +180°

C7C3A8
Green Gaze
BDC0DA
≈ Lavender Sachet

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.77:1 · APCA Lc 33

Fail

검은색 위

WCAG 11.79:1 · APCA Lc 70

AAA

가장 좋은 글자색: #000000

WCAG 11.79:1 (AAA) · APCA Lc 70

Contrast pairs

코드 스니펫

CSS

:root {
  --green-gaze: #c7c3a8;
  --green-gaze-rgb: 199 195 168;
  --green-gaze-oklch: oklch(0.813 0.037 100.2);
}

.element {
  color: var(--green-gaze);
  background-color: hsl(52 22% 72%);
  border-color: oklch(0.813 0.037 100.2);
}

Tailwind CSS v4

@theme {
  --color-green-gaze: #c7c3a8;
  --color-green-gaze-50: #f7f6ea;
  --color-green-gaze-100: #eae9db;
  --color-green-gaze-200: #d7d5c3;
  --color-green-gaze-300: #bbb8a3;
  --color-green-gaze-400: #a39f87;
  --color-green-gaze-500: #8b876b;
  --color-green-gaze-600: #76725b;
  --color-green-gaze-700: #5e5b48;
  --color-green-gaze-800: #464334;
  --color-green-gaze-900: #302e23;
  --color-green-gaze-950: #1c1b12;
}

SCSS

$green-gaze: #c7c3a8;
$green-gaze-rgb: 199, 195, 168;
$green-gaze-light: mix(#fff, $green-gaze, 20%);
$green-gaze-dark: mix(#000, $green-gaze, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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