이름 색상 · #EEE3DE

Glossy Kiss

Glossy Kiss은(는) #EEE3DE: rgb(238 227 222), hsl(19 32% 90%), oklch(0.923 0.014 46.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Glossy Kiss color name →

#EEE3DE

oklch(0.923 0.014 46.2)

색상 변환

HEX: #eee3de
RGB: rgb(238 227 222)
HSL: hsl(19 32% 90%)
HWB: hwb(19 87% 7%)
OKLCH: oklch(0.923 0.014 46.2)
OKLab: oklab(0.923 0.01 0.01)
CIE Lab: lab(91.02 3.24 3.85)
LCH: lch(91.02 5.03 50)
CMYK: cmyk(0% 5% 7% 7%)

틴트 · 셰이드 · 톤

틴트

F0E6E1
F1E9E5
F3EBE8
F5EEEB
F7F1EE
F8F4F2
FAF7F5
FCF9F8
FDFCFC

셰이드

CFC5C1
B1A8A5
938C89
77716F
5C5755
423F3D
2A2726
141212
030302

톤

E2D9D4
D7CECA
CCC4C1
C1BAB7
B5B0AE
ABA6A4
A09D9B
959392
8A8989

색 조화

보색 +180°

EEE3DE
Glossy Kiss
DDE8ED
≈ Moby Dick

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.25:1 · APCA Lc 13

Fail

검은색 위

WCAG 16.67:1 · APCA Lc 91

AAA

가장 좋은 글자색: #000000

WCAG 16.67:1 (AAA) · APCA Lc 91

Contrast pairs

코드 스니펫

CSS

:root {
  --glossy-kiss: #eee3de;
  --glossy-kiss-rgb: 238 227 222;
  --glossy-kiss-oklch: oklch(0.923 0.014 46.2);
}

.element {
  color: var(--glossy-kiss);
  background-color: hsl(19 32% 90%);
  border-color: oklch(0.923 0.014 46.2);
}

Tailwind CSS v4

@theme {
  --color-glossy-kiss: #eee3de;
  --color-glossy-kiss-50: #f9f4f2;
  --color-glossy-kiss-100: #ece7e4;
  --color-glossy-kiss-200: #d9d3cf;
  --color-glossy-kiss-300: #beb5b1;
  --color-glossy-kiss-400: #a69c98;
  --color-glossy-kiss-500: #8e847f;
  --color-glossy-kiss-600: #786f6b;
  --color-glossy-kiss-700: #605956;
  --color-glossy-kiss-800: #47413e;
  --color-glossy-kiss-900: #312d2b;
  --color-glossy-kiss-950: #1d1a18;
}

SCSS

$glossy-kiss: #eee3de;
$glossy-kiss-rgb: 238, 227, 222;
$glossy-kiss-light: mix(#fff, $glossy-kiss, 20%);
$glossy-kiss-dark: mix(#000, $glossy-kiss, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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