이름 색상 · #768371

Lottery Winnings

Lottery Winnings은(는) #768371: rgb(118 131 113), hsl(103 7% 48%), oklch(0.594 0.031 137). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Lottery Winnings color name →

#768371

oklch(0.594 0.031 137)

색상 변환

HEX: #768371
RGB: rgb(118 131 113)
HSL: hsl(103 7% 48%)
HWB: hwb(103 44% 49%)
OKLCH: oklch(0.594 0.031 137)
OKLab: oklab(0.594 -0.023 0.021)
CIE Lab: lab(53.28 -7.65 8.07)
LCH: lch(53.28 11.12 133.4)
CMYK: cmyk(10% 0% 14% 49%)

틴트 · 셰이드 · 톤

틴트

838F7E
909B8C
9DA799
ABB3A7
B8BFB6
C6CCC4
D4D8D2
E2E5E1
F1F2F0

셰이드

667161
566052
474F43
383F35
292F27
1C201A
0F120E
050604
010101

톤

778373
788274
798276
7A8277
7B8279
7C817A
7D817C
7E817D
7F807F

색 조화

보색 +180°

768371
Lottery Winnings
86798B
≈ High Note

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.99:1 · APCA Lc 67

Fail

검은색 위

WCAG 5.25:1 · APCA Lc 34

가장 좋은 글자색: #000000

WCAG 5.25:1 (AA) · APCA Lc 34

Contrast pairs

코드 스니펫

CSS

:root {
  --lottery-winnings: #768371;
  --lottery-winnings-rgb: 118 131 113;
  --lottery-winnings-oklch: oklch(0.594 0.031 137);
}

.element {
  color: var(--lottery-winnings);
  background-color: hsl(103 7% 48%);
  border-color: oklch(0.594 0.031 137);
}

Tailwind CSS v4

@theme {
  --color-lottery-winnings: #768371;
  --color-lottery-winnings-50: #f1f7ef;
  --color-lottery-winnings-100: #e3ebe1;
  --color-lottery-winnings-200: #ced8cb;
  --color-lottery-winnings-300: #b0bbac;
  --color-lottery-winnings-400: #96a391;
  --color-lottery-winnings-500: #7d8b77;
  --color-lottery-winnings-600: #6a7665;
  --color-lottery-winnings-700: #545e51;
  --color-lottery-winnings-800: #3e453a;
  --color-lottery-winnings-900: #2b3028;
  --color-lottery-winnings-950: #181c16;
}

SCSS

$lottery-winnings: #768371;
$lottery-winnings-rgb: 118, 131, 113;
$lottery-winnings-light: mix(#fff, $lottery-winnings, 20%);
$lottery-winnings-dark: mix(#000, $lottery-winnings, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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