이름 색상 · #E2C9CE

Perfume Cloud

Perfume Cloud은(는) #E2C9CE: rgb(226 201 206), hsl(348 30% 84%), oklch(0.858 0.029 4.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Perfume Cloud color name →

#E2C9CE

oklch(0.858 0.029 4.1)

색상 변환

HEX: #e2c9ce
RGB: rgb(226 201 206)
HSL: hsl(348 30% 84%)
HWB: hwb(348 79% 11%)
OKLCH: oklch(0.858 0.029 4.1)
OKLab: oklab(0.858 0.029 0.002)
CIE Lab: lab(83.2 9.68 0.88)
LCH: lch(83.2 9.72 5.2)
CMYK: cmyk(0% 11% 9% 11%)

틴트 · 셰이드 · 톤

틴트

E5CED3
E8D4D8
EBD9DC
EEDEE1
F1E4E6
F4E9EB
F6EFF0
F9F4F5
FCFAFA

셰이드

C4AEB3
A89598
8C7C7F
716466
574C4E
3E3638
272223
120F0F
030202

톤

D8C1C6
CEBABE
C4B3B6
BAABAE
B0A4A6
A69D9E
9C9597
938E8F
898787

색 조화

보색 +180°

E2C9CE
Perfume Cloud
BDD7D2
≈ High Point

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.55:1 · APCA Lc 26

Fail

검은색 위

WCAG 13.47:1 · APCA Lc 77

AAA

가장 좋은 글자색: #000000

WCAG 13.47:1 (AAA) · APCA Lc 77

Contrast pairs

코드 스니펫

CSS

:root {
  --perfume-cloud: #e2c9ce;
  --perfume-cloud-rgb: 226 201 206;
  --perfume-cloud-oklch: oklch(0.858 0.029 4.1);
}

.element {
  color: var(--perfume-cloud);
  background-color: hsl(348 30% 84%);
  border-color: oklch(0.858 0.029 4.1);
}

Tailwind CSS v4

@theme {
  --color-perfume-cloud: #e2c9ce;
  --color-perfume-cloud-50: #fdf2f4;
  --color-perfume-cloud-100: #f1e4e6;
  --color-perfume-cloud-200: #e0cfd2;
  --color-perfume-cloud-300: #c5b2b5;
  --color-perfume-cloud-400: #ae989c;
  --color-perfume-cloud-500: #987f84;
  --color-perfume-cloud-600: #806b70;
  --color-perfume-cloud-700: #675659;
  --color-perfume-cloud-800: #4b3e41;
  --color-perfume-cloud-900: #342b2d;
  --color-perfume-cloud-950: #20181a;
}

SCSS

$perfume-cloud: #e2c9ce;
$perfume-cloud-rgb: 226, 201, 206;
$perfume-cloud-light: mix(#fff, $perfume-cloud, 20%);
$perfume-cloud-dark: mix(#000, $perfume-cloud, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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