이름 색상 · #FEFEFA

Baby Powder

Baby Powder은(는) #FEFEFA: rgb(254 254 250), hsl(60 67% 99%), oklch(0.996 0.005 106.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Baby Powder color name →

#FEFEFA

oklch(0.996 0.005 106.5)

색상 변환

HEX: #fefefa
RGB: rgb(254 254 250)
HSL: hsl(60 67% 99%)
HWB: hwb(60 98% 0%)
OKLCH: oklch(0.996 0.005 106.5)
OKLab: oklab(0.996 -0.001 0.005)
CIE Lab: lab(99.57 -0.52 1.92)
LCH: lch(99.57 1.99 105.1)
CMYK: cmyk(0% 0% 2% 0%)

틴트 · 셰이드 · 톤

틴트

FEFEFB
FEFEFB
FEFEFC
FEFEFC
FEFFFD
FFFFFD
FFFFFE
FFFFFE
FFFFFF

셰이드

DDDDD9
BDBDBA
9E9E9B
80807D
636361
474746
2D2D2D
161615
030303

톤

F1F1ED
E4E4E0
D7D7D4
CACAC7
BDBDBB
B0B0AF
A4A4A3
989897
8C8C8B

색 조화

보색 +180°

FEFEFA
Baby Powder
FDFDFF
≈ Pale Grey

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.01:1 · APCA Lc 0

Fail

검은색 위

WCAG 20.77:1 · APCA Lc 107

AAA

가장 좋은 글자색: #000000

WCAG 20.77:1 (AAA) · APCA Lc 107

Contrast pairs

코드 스니펫

CSS

:root {
  --baby-powder: #fefefa;
  --baby-powder-rgb: 254 254 250;
  --baby-powder-oklch: oklch(0.996 0.005 106.5);
}

.element {
  color: var(--baby-powder);
  background-color: hsl(60 67% 99%);
  border-color: oklch(0.996 0.005 106.5);
}

Tailwind CSS v4

@theme {
  --color-baby-powder: #fefefa;
  --color-baby-powder-50: #f5f5f3;
  --color-baby-powder-100: #e8e8e6;
  --color-baby-powder-200: #d4d4d2;
  --color-baby-powder-300: #b7b7b4;
  --color-baby-powder-400: #9f9f9b;
  --color-baby-powder-500: #868682;
  --color-baby-powder-600: #72726e;
  --color-baby-powder-700: #5b5b58;
  --color-baby-powder-800: #424240;
  --color-baby-powder-900: #2e2e2c;
  --color-baby-powder-950: #1b1b19;
}

SCSS

$baby-powder: #fefefa;
$baby-powder-rgb: 254, 254, 250;
$baby-powder-light: mix(#fff, $baby-powder, 20%);
$baby-powder-dark: mix(#000, $baby-powder, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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