이름 색상 · #6DB083

Lily Pads

Lily Pads은(는) #6DB083: rgb(109 176 131), hsl(140 30% 56%), oklch(0.7 0.095 153.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Green mean? → · Lily Pads color name →

#6DB083

oklch(0.7 0.095 153.9)

색상 변환

HEX: #6db083
RGB: rgb(109 176 131)
HSL: hsl(140 30% 56%)
HWB: hwb(140 43% 31%)
OKLCH: oklch(0.7 0.095 153.9)
OKLab: oklab(0.7 -0.086 0.042)
CIE Lab: lab(66.45 -29.73 16.14)
LCH: lch(66.45 33.83 151.5)
CMYK: cmyk(38% 0% 26% 31%)

틴트 · 셰이드 · 톤

틴트

7CB88F
8BC09B
9AC8A7
A8D0B3
B7D7C0
C5DFCC
D3E7D9
E2EFE5
F0F7F2

셰이드

5E9971
4F8260
416C4F
33563F
26422F
192E20
0D1C12
040B06
010101

톤

70AB83
73A683
75A282
779D82
799882
7B9382
7C8E81
7E8A81
7F8580

색 조화

보색 +180°

6DB083
Lily Pads
C388B7
≈ Dragonflies

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.56:1 · APCA Lc 50

Fail

검은색 위

WCAG 8.18:1 · APCA Lc 52

AAA

가장 좋은 글자색: #000000

WCAG 8.18:1 (AAA) · APCA Lc 52

Contrast pairs

코드 스니펫

CSS

:root {
  --lily-pads: #6db083;
  --lily-pads-rgb: 109 176 131;
  --lily-pads-oklch: oklch(0.7 0.095 153.9);
}

.element {
  color: var(--lily-pads);
  background-color: hsl(140 30% 56%);
  border-color: oklch(0.7 0.095 153.9);
}

Tailwind CSS v4

@theme {
  --color-lily-pads: #6db083;
  --color-lily-pads-50: #e0feea;
  --color-lily-pads-100: #cff2db;
  --color-lily-pads-200: #b4e1c3;
  --color-lily-pads-300: #90c6a3;
  --color-lily-pads-400: #70af84;
  --color-lily-pads-500: #4e9968;
  --color-lily-pads-600: #438159;
  --color-lily-pads-700: #356747;
  --color-lily-pads-800: #274c32;
  --color-lily-pads-900: #1a3522;
  --color-lily-pads-950: #0a2011;
}

SCSS

$lily-pads: #6db083;
$lily-pads-rgb: 109, 176, 131;
$lily-pads-light: mix(#fff, $lily-pads, 20%);
$lily-pads-dark: mix(#000, $lily-pads, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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