이름 색상 · #A2B2BD

Peace

Peace은(는) #A2B2BD: rgb(162 178 189), hsl(204 17% 69%), oklch(0.755 0.024 237.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Peace color name →

#A2B2BD

oklch(0.755 0.024 237.8)

색상 변환

HEX: #a2b2bd
RGB: rgb(162 178 189)
HSL: hsl(204 17% 69%)
HWB: hwb(204 64% 26%)
OKLCH: oklch(0.755 0.024 237.8)
OKLab: oklab(0.755 -0.013 -0.02)
CIE Lab: lab(71.58 -4.04 -7.62)
LCH: lch(71.58 8.63 242)
CMYK: cmyk(14% 6% 0% 26%)

틴트 · 셰이드 · 톤

틴트

ABB9C3
B4C1CA
BDC9D0
C6D0D7
D0D8DE
D9E0E4
E2E7EB
ECEFF2
F5F7F8

셰이드

8C9AA4
77838C
636D74
4F575D
3C4347
2A2F33
191D1F
0A0C0D
010102

톤

9FADB7
9BA8B0
98A3AA
949EA4
91999E
8E9498
8A8F92
878A8C
838586

색 조화

보색 +180°

A2B2BD
Peace
BCACA1
≈ Teddy’s Taupe

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 2.17:1 · APCA Lc 43

Fail

검은색 위

WCAG 9.63:1 · APCA Lc 59

AAA

가장 좋은 글자색: #000000

WCAG 9.63:1 (AAA) · APCA Lc 59

Contrast pairs

코드 스니펫

CSS

:root {
  --peace: #a2b2bd;
  --peace-rgb: 162 178 189;
  --peace-oklch: oklch(0.755 0.024 237.8);
}

.element {
  color: var(--peace);
  background-color: hsl(204 17% 69%);
  border-color: oklch(0.755 0.024 237.8);
}

Tailwind CSS v4

@theme {
  --color-peace: #a2b2bd;
  --color-peace-50: #eff6fb;
  --color-peace-100: #e1e9ef;
  --color-peace-200: #cbd6de;
  --color-peace-300: #adb9c3;
  --color-peace-400: #92a1ab;
  --color-peace-500: #788994;
  --color-peace-600: #66747d;
  --color-peace-700: #515d64;
  --color-peace-800: #3b444a;
  --color-peace-900: #282f33;
  --color-peace-950: #161b1f;
}

SCSS

$peace: #a2b2bd;
$peace-rgb: 162, 178, 189;
$peace-light: mix(#fff, $peace, 20%);
$peace-dark: mix(#000, $peace, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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