이름 색상 · #E0DAC8

Peace & Quiet

Peace & Quiet은(는) #E0DAC8: rgb(224 218 200), hsl(45 28% 83%), oklch(0.888 0.025 91.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Peace & Quiet color name →

#E0DAC8

oklch(0.888 0.025 91.6)

색상 변환

HEX: #e0dac8
RGB: rgb(224 218 200)
HSL: hsl(45 28% 83%)
HWB: hwb(45 78% 12%)
OKLCH: oklch(0.888 0.025 91.6)
OKLab: oklab(0.888 -0.001 0.025)
CIE Lab: lab(87.17 -0.14 9.66)
LCH: lch(87.17 9.66 90.8)
CMYK: cmyk(0% 3% 11% 12%)

틴트 · 셰이드 · 톤

틴트

E3DECD
E6E1D3
E9E5D8
ECE9DE
EFECE3
F3F0E9
F6F4EE
F9F8F4
FCFBF9

셰이드

C3BDAE
A6A294
8A877B
706C63
56544C
3E3C36
272521
12110F
020202

톤

D6D1C1
CCC7B9
C2BEB2
B8B5AB
AFACA3
A5A39C
9C9A95
92918E
898987

색 조화

보색 +180°

E0DAC8
Peace & Quiet
D4DAEB
≈ Snowy Shadow

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.39:1 · APCA Lc 19

Fail

검은색 위

WCAG 15.03:1 · APCA Lc 84

AAA

가장 좋은 글자색: #000000

WCAG 15.03:1 (AAA) · APCA Lc 84

Contrast pairs

코드 스니펫

CSS

:root {
  --peace-quiet: #e0dac8;
  --peace-quiet-rgb: 224 218 200;
  --peace-quiet-oklch: oklch(0.888 0.025 91.6);
}

.element {
  color: var(--peace-quiet);
  background-color: hsl(45 28% 83%);
  border-color: oklch(0.888 0.025 91.6);
}

Tailwind CSS v4

@theme {
  --color-peace-quiet: #e0dac8;
  --color-peace-quiet-50: #f7f5ed;
  --color-peace-quiet-100: #eae8df;
  --color-peace-quiet-200: #d8d4c9;
  --color-peace-quiet-300: #bbb7a9;
  --color-peace-quiet-400: #a49e8e;
  --color-peace-quiet-500: #8c8674;
  --color-peace-quiet-600: #767162;
  --color-peace-quiet-700: #5f5b4e;
  --color-peace-quiet-800: #464239;
  --color-peace-quiet-900: #302e27;
  --color-peace-quiet-950: #1c1a15;
}

SCSS

$peace-quiet: #e0dac8;
$peace-quiet-rgb: 224, 218, 200;
$peace-quiet-light: mix(#fff, $peace-quiet, 20%);
$peace-quiet-dark: mix(#000, $peace-quiet, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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