이름 색상 · #DEC1B8

Monroe Kiss

Monroe Kiss은(는) #DEC1B8: rgb(222 193 184), hsl(14 37% 80%), oklch(0.833 0.035 38). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Pink mean? → · Monroe Kiss color name →

#DEC1B8

oklch(0.833 0.035 38)

색상 변환

HEX: #dec1b8
RGB: rgb(222 193 184)
HSL: hsl(14 37% 80%)
HWB: hwb(14 72% 13%)
OKLCH: oklch(0.833 0.035 38)
OKLab: oklab(0.833 0.028 0.022)
CIE Lab: lab(80.4 9.57 8.54)
LCH: lch(80.4 12.82 41.7)
CMYK: cmyk(0% 13% 17% 13%)

틴트 · 셰이드 · 톤

틴트

E1C7BF
E5CDC6
E8D3CD
EBDAD4
EFE0DB
F2E6E2
F5ECE9
F9F2F1
FCF9F8

셰이드

C1A7A0
A58F88
897771
6F5F5B
554945
3D3431
26201E
120E0C
020202

톤

D4BAB2
CBB4AD
C1ADA7
B8A6A1
AEA09C
A59996
9B9390
928D8B
898685

색 조화

보색 +180°

DEC1B8
Monroe Kiss
B0CED8
≈ Stencil Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.68:1 · APCA Lc 30

Fail

검은색 위

WCAG 12.42:1 · APCA Lc 73

AAA

가장 좋은 글자색: #000000

WCAG 12.42:1 (AAA) · APCA Lc 73

Contrast pairs

코드 스니펫

CSS

:root {
  --monroe-kiss: #dec1b8;
  --monroe-kiss-rgb: 222 193 184;
  --monroe-kiss-oklch: oklch(0.833 0.035 38);
}

.element {
  color: var(--monroe-kiss);
  background-color: hsl(14 37% 80%);
  border-color: oklch(0.833 0.035 38);
}

Tailwind CSS v4

@theme {
  --color-monroe-kiss: #dec1b8;
  --color-monroe-kiss-50: #fff2ee;
  --color-monroe-kiss-100: #f3e4df;
  --color-monroe-kiss-200: #e3d0c9;
  --color-monroe-kiss-300: #c8b2aa;
  --color-monroe-kiss-400: #b29890;
  --color-monroe-kiss-500: #9c7f75;
  --color-monroe-kiss-600: #846b64;
  --color-monroe-kiss-700: #6a564f;
  --color-monroe-kiss-800: #4e3e3a;
  --color-monroe-kiss-900: #362b28;
  --color-monroe-kiss-950: #211816;
}

SCSS

$monroe-kiss: #dec1b8;
$monroe-kiss-rgb: 222, 193, 184;
$monroe-kiss-light: mix(#fff, $monroe-kiss, 20%);
$monroe-kiss-dark: mix(#000, $monroe-kiss, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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