이름 색상 · #FAFBFD

Wash Me

Wash Me은(는) #FAFBFD: rgb(250 251 253), hsl(220 43% 99%), oklch(0.988 0.003 264.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Wash Me color name →

#FAFBFD

oklch(0.988 0.003 264.5)

색상 변환

HEX: #fafbfd
RGB: rgb(250 251 253)
HSL: hsl(220 43% 99%)
HWB: hwb(220 98% 1%)
OKLCH: oklch(0.988 0.003 264.5)
OKLab: oklab(0.988 0 -0.003)
CIE Lab: lab(98.58 -0.08 -1.08)
LCH: lch(98.58 1.09 265.8)
CMYK: cmyk(1% 1% 0% 1%)

틴트 · 셰이드 · 톤

틴트

FAFBFD
FBFCFD
FBFCFE
FCFDFE
FCFDFE
FDFDFE
FDFEFE
FEFEFF
FEFFFF

셰이드

D9DADC
BABABC
9B9C9D
7D7E7F
616162
464647
2D2D2D
151516
030303

톤

EDEEF0
E0E1E3
D4D5D6
C7C8C9
BBBCBD
AFAFB0
A3A3A4
979798
8B8C8C

색 조화

보색 +180°

FAFBFD
Wash Me
FCFBF9
≈ Cool December

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.03:1 · APCA Lc 0

Fail

검은색 위

WCAG 20.28:1 · APCA Lc 105

AAA

가장 좋은 글자색: #000000

WCAG 20.28:1 (AAA) · APCA Lc 105

Contrast pairs

코드 스니펫

CSS

:root {
  --wash-me: #fafbfd;
  --wash-me-rgb: 250 251 253;
  --wash-me-oklch: oklch(0.988 0.003 264.5);
}

.element {
  color: var(--wash-me);
  background-color: hsl(220 43% 99%);
  border-color: oklch(0.988 0.003 264.5);
}

Tailwind CSS v4

@theme {
  --color-wash-me: #fafbfd;
  --color-wash-me-50: #f5f5f6;
  --color-wash-me-100: #e7e8e9;
  --color-wash-me-200: #d3d4d5;
  --color-wash-me-300: #b7b7b9;
  --color-wash-me-400: #9d9ea0;
  --color-wash-me-500: #858688;
  --color-wash-me-600: #717173;
  --color-wash-me-700: #5a5b5c;
  --color-wash-me-800: #424243;
  --color-wash-me-900: #2d2e2e;
  --color-wash-me-950: #1a1b1b;
}

SCSS

$wash-me: #fafbfd;
$wash-me-rgb: 250, 251, 253;
$wash-me-light: mix(#fff, $wash-me, 20%);
$wash-me-dark: mix(#000, $wash-me, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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