이름 색상 · #B1C7C9

Restful Retreat

Restful Retreat은(는) #B1C7C9: rgb(177 199 201), hsl(185 18% 74%), oklch(0.814 0.024 203.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Restful Retreat color name →

#B1C7C9

oklch(0.814 0.024 203.3)

색상 변환

HEX: #b1c7c9
RGB: rgb(177 199 201)
HSL: hsl(185 18% 74%)
HWB: hwb(185 69% 21%)
OKLCH: oklch(0.814 0.024 203.3)
OKLab: oklab(0.814 -0.022 -0.01)
CIE Lab: lab(78.62 -7.41 -3.67)
LCH: lch(78.62 8.27 206.3)
CMYK: cmyk(12% 1% 0% 21%)

틴트 · 셰이드 · 톤

틴트

B9CCCE
C0D2D4
C8D8D9
D0DDDE
D8E3E4
DFE8E9
E7EEEF
EFF4F4
F7F9F9

셰이드

99ADAE
839395
6C7A7C
576264
424C4C
2F3636
1C2122
0C0E0F
010202

톤

ACC0C1
A7B8BA
A2B1B2
9DAAAB
98A3A4
939C9C
8F9595
8A8E8E
858787

색 조화

보색 +180°

B1C7C9
Restful Retreat
D1BCBB
≈ Moth Pink

유사색 -30° +30°

삼각 배색 +120° +240°

B1C7C9
Restful Retreat
CABDCB
≈ My Mona
CAC1B1
≈ Neutra

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.76:1 · APCA Lc 32

Fail

검은색 위

WCAG 11.88:1 · APCA Lc 70

AAA

가장 좋은 글자색: #000000

WCAG 11.88:1 (AAA) · APCA Lc 70

Contrast pairs

코드 스니펫

CSS

:root {
  --restful-retreat: #b1c7c9;
  --restful-retreat-rgb: 177 199 201;
  --restful-retreat-oklch: oklch(0.814 0.024 203.3);
}

.element {
  color: var(--restful-retreat);
  background-color: hsl(185 18% 74%);
  border-color: oklch(0.814 0.024 203.3);
}

Tailwind CSS v4

@theme {
  --color-restful-retreat: #b1c7c9;
  --color-restful-retreat-50: #eef7f8;
  --color-restful-retreat-100: #dfeaec;
  --color-restful-retreat-200: #c9d7d9;
  --color-restful-retreat-300: #aabbbd;
  --color-restful-retreat-400: #8fa3a5;
  --color-restful-retreat-500: #748b8d;
  --color-restful-retreat-600: #637678;
  --color-restful-retreat-700: #4f5e60;
  --color-restful-retreat-800: #394546;
  --color-restful-retreat-900: #273030;
  --color-restful-retreat-950: #151c1d;
}

SCSS

$restful-retreat: #b1c7c9;
$restful-retreat-rgb: 177, 199, 201;
$restful-retreat-light: mix(#fff, $restful-retreat, 20%);
$restful-retreat-dark: mix(#000, $restful-retreat, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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