이름 색상 · #F9C2CD

Rose Shadow

Rose Shadow은(는) #F9C2CD: rgb(249 194 205), hsl(348 82% 87%), oklch(0.866 0.064 5.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Pink mean? → · Rose Shadow color name →

#F9C2CD

oklch(0.866 0.064 5.1)

색상 변환

HEX: #f9c2cd
RGB: rgb(249 194 205)
HSL: hsl(348 82% 87%)
HWB: hwb(348 76% 2%)
OKLCH: oklch(0.866 0.064 5.1)
OKLab: oklab(0.866 0.064 0.006)
CIE Lab: lab(83.68 21.46 2.45)
LCH: lch(83.68 21.6 6.5)
CMYK: cmyk(0% 22% 18% 2%)

틴트 · 셰이드 · 톤

틴트

FAC8D2
FBCED7
FCD4DC
FCDAE1
FDE0E6
FEE7EB
FEEDF0
FEF3F5
FFF9FA

셰이드

D9A8B2
B98F98
9A777E
7D6066
61494E
463438
2C2023
150E0F
030202

톤

ECBBC5
E0B5BD
D4AEB5
C8A7AD
BBA1A6
AF9A9E
A39496
988D8F
8C8687

색 조화

보색 +180°

F9C2CD
Rose Shadow
A3E1D8
≈ Spinnaker

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.54:1 · APCA Lc 25

Fail

검은색 위

WCAG 13.62:1 · APCA Lc 78

AAA

가장 좋은 글자색: #000000

WCAG 13.62:1 (AAA) · APCA Lc 78

Contrast pairs

코드 스니펫

CSS

:root {
  --rose-shadow: #f9c2cd;
  --rose-shadow-rgb: 249 194 205;
  --rose-shadow-oklch: oklch(0.866 0.064 5.1);
}

.element {
  color: var(--rose-shadow);
  background-color: hsl(348 82% 87%);
  border-color: oklch(0.866 0.064 5.1);
}

Tailwind CSS v4

@theme {
  --color-rose-shadow: #f9c2cd;
  --color-rose-shadow-50: #ffeef2;
  --color-rose-shadow-100: #fce0e4;
  --color-rose-shadow-200: #eec9cf;
  --color-rose-shadow-300: #d6aab1;
  --color-rose-shadow-400: #c08f99;
  --color-rose-shadow-500: #ab7480;
  --color-rose-shadow-600: #91636d;
  --color-rose-shadow-700: #744f57;
  --color-rose-shadow-800: #563940;
  --color-rose-shadow-900: #3c272c;
  --color-rose-shadow-950: #251519;
}

SCSS

$rose-shadow: #f9c2cd;
$rose-shadow-rgb: 249, 194, 205;
$rose-shadow-light: mix(#fff, $rose-shadow, 20%);
$rose-shadow-dark: mix(#000, $rose-shadow, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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