이름 색상 · #B1E2CB

Quiet Jade

Quiet Jade은(는) #B1E2CB: rgb(177 226 203), hsl(152 46% 79%), oklch(0.872 0.06 164.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Green mean? → · Quiet Jade color name →

#B1E2CB

oklch(0.872 0.06 164.7)

색상 변환

HEX: #b1e2cb
RGB: rgb(177 226 203)
HSL: hsl(152 46% 79%)
HWB: hwb(152 69% 11%)
OKLCH: oklch(0.872 0.06 164.7)
OKLab: oklab(0.872 -0.058 0.016)
CIE Lab: lab(85.97 -19.88 5.84)
LCH: lch(85.97 20.72 163.6)
CMYK: cmyk(22% 0% 10% 11%)

틴트 · 셰이드 · 톤

틴트

B9E5D0
C1E8D5
C9EBDA
D1EEE0
D8F1E5
E0F4EA
E8F6EF
F0F9F4
F7FCFA

셰이드

99C4B0
83A896
6C8C7D
577165
42574D
2F3E37
1C2722
0C120F
010302

톤

ACD8C3
A7CEBC
A3C4B4
9EBAAC
99B0A5
94A69D
8F9C96
8A938F
858987

색 조화

보색 +180°

B1E2CB
Quiet Jade
F3C6DE
≈ Laelia Pink

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.43:1 · APCA Lc 21

Fail

검은색 위

WCAG 14.61:1 · APCA Lc 82

AAA

가장 좋은 글자색: #000000

WCAG 14.61:1 (AAA) · APCA Lc 82

Contrast pairs

코드 스니펫

CSS

:root {
  --quiet-jade: #b1e2cb;
  --quiet-jade-rgb: 177 226 203;
  --quiet-jade-oklch: oklch(0.872 0.06 164.7);
}

.element {
  color: var(--quiet-jade);
  background-color: hsl(152 46% 79%);
  border-color: oklch(0.872 0.06 164.7);
}

Tailwind CSS v4

@theme {
  --color-quiet-jade: #b1e2cb;
  --color-quiet-jade-50: #e6fbf1;
  --color-quiet-jade-100: #d6efe4;
  --color-quiet-jade-200: #bdddcf;
  --color-quiet-jade-300: #9bc2b1;
  --color-quiet-jade-400: #7daa95;
  --color-quiet-jade-500: #5f937c;
  --color-quiet-jade-600: #517c69;
  --color-quiet-jade-700: #416454;
  --color-quiet-jade-800: #2f493c;
  --color-quiet-jade-900: #203329;
  --color-quiet-jade-950: #0f1e17;
}

SCSS

$quiet-jade: #b1e2cb;
$quiet-jade-rgb: 177, 226, 203;
$quiet-jade-light: mix(#fff, $quiet-jade, 20%);
$quiet-jade-dark: mix(#000, $quiet-jade, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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