이름 색상 · #FCC9B6

Dolly Cheek

Dolly Cheek은(는) #FCC9B6: rgb(252 201 182), hsl(16 92% 85%), oklch(0.876 0.064 41.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Pink mean? → · Dolly Cheek color name →

#FCC9B6

oklch(0.876 0.064 41.4)

색상 변환

HEX: #fcc9b6
RGB: rgb(252 201 182)
HSL: hsl(16 92% 85%)
HWB: hwb(16 71% 1%)
OKLCH: oklch(0.876 0.064 41.4)
OKLab: oklab(0.876 0.048 0.042)
CIE Lab: lab(85.18 16.71 16.78)
LCH: lch(85.18 23.68 45.1)
CMYK: cmyk(0% 20% 28% 1%)

틴트 · 셰이드 · 톤

틴트

FDCEBD
FDD4C5
FED9CC
FEDFD3
FEE4DA
FFE9E2
FFEFE9
FFF4F0
FFFAF8

셰이드

DBAE9E
BB9586
9C7C6F
7E6459
624C44
473630
2D221D
160F0C
030202

톤

EFC2B1
E2BAAB
D6B3A6
C9ABA0
BDA49B
B09D95
A49590
988E8B
8C8785

색 조화

보색 +180°

FCC9B6
Dolly Cheek
A8E0F4
≈ Van Gogh Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.48:1 · APCA Lc 23

Fail

검은색 위

WCAG 14.16:1 · APCA Lc 81

AAA

가장 좋은 글자색: #000000

WCAG 14.16:1 (AAA) · APCA Lc 81

Contrast pairs

코드 스니펫

CSS

:root {
  --dolly-cheek: #fcc9b6;
  --dolly-cheek-rgb: 252 201 182;
  --dolly-cheek-oklch: oklch(0.876 0.064 41.4);
}

.element {
  color: var(--dolly-cheek);
  background-color: hsl(16 92% 85%);
  border-color: oklch(0.876 0.064 41.4);
}

Tailwind CSS v4

@theme {
  --color-dolly-cheek: #fcc9b6;
  --color-dolly-cheek-50: #fff0e7;
  --color-dolly-cheek-100: #fce2d7;
  --color-dolly-cheek-200: #edccbf;
  --color-dolly-cheek-300: #d5ae9e;
  --color-dolly-cheek-400: #c09281;
  --color-dolly-cheek-500: #ab7865;
  --color-dolly-cheek-600: #916656;
  --color-dolly-cheek-700: #745144;
  --color-dolly-cheek-800: #563b32;
  --color-dolly-cheek-900: #3c2822;
  --color-dolly-cheek-950: #261611;
}

SCSS

$dolly-cheek: #fcc9b6;
$dolly-cheek-rgb: 252, 201, 182;
$dolly-cheek-light: mix(#fff, $dolly-cheek, 20%);
$dolly-cheek-dark: mix(#000, $dolly-cheek, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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