이름 색상 · #B5C1AC

Wedding Mint

Wedding Mint은(는) #B5C1AC: rgb(181 193 172), hsl(94 14% 72%), oklch(0.796 0.032 131.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Wedding Mint color name →

#B5C1AC

oklch(0.796 0.032 131.6)

색상 변환

HEX: #b5c1ac
RGB: rgb(181 193 172)
HSL: hsl(94 14% 72%)
HWB: hwb(94 67% 24%)
OKLCH: oklch(0.796 0.032 131.6)
OKLab: oklab(0.796 -0.021 0.024)
CIE Lab: lab(76.69 -7.16 9.13)
LCH: lch(76.69 11.6 128.1)
CMYK: cmyk(6% 0% 11% 24%)

틴트 · 셰이드 · 톤

틴트

BCC7B4
C3CDBC
CBD3C4
D2D9CD
D9E0D5
E1E6DD
E8ECE6
F0F2EE
F7F9F6

셰이드

9DA795
868F7F
6F7769
595F54
444940
30342D
1D201B
0C0E0B
020201

톤

B0BAA8
AAB4A3
A5AD9F
9FA69A
9AA096
959991
90938D
8A8D89
858684

색 조화

보색 +180°

B5C1AC
Wedding Mint
C3B7CC
≈ Delicate Mauve

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.87:1 · APCA Lc 36

Fail

검은색 위

WCAG 11.18:1 · APCA Lc 67

AAA

가장 좋은 글자색: #000000

WCAG 11.18:1 (AAA) · APCA Lc 67

Contrast pairs

코드 스니펫

CSS

:root {
  --wedding-mint: #b5c1ac;
  --wedding-mint-rgb: 181 193 172;
  --wedding-mint-oklch: oklch(0.796 0.032 131.6);
}

.element {
  color: var(--wedding-mint);
  background-color: hsl(94 14% 72%);
  border-color: oklch(0.796 0.032 131.6);
}

Tailwind CSS v4

@theme {
  --color-wedding-mint: #b5c1ac;
  --color-wedding-mint-50: #f1f7ee;
  --color-wedding-mint-100: #e4eae0;
  --color-wedding-mint-200: #cfd7ca;
  --color-wedding-mint-300: #b1bbab;
  --color-wedding-mint-400: #98a38f;
  --color-wedding-mint-500: #7f8b75;
  --color-wedding-mint-600: #6b7663;
  --color-wedding-mint-700: #565e4f;
  --color-wedding-mint-800: #3f4539;
  --color-wedding-mint-900: #2b2f27;
  --color-wedding-mint-950: #191c15;
}

SCSS

$wedding-mint: #b5c1ac;
$wedding-mint-rgb: 181, 193, 172;
$wedding-mint-light: mix(#fff, $wedding-mint, 20%);
$wedding-mint-dark: mix(#000, $wedding-mint, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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