이름 색상 · #DFE9E6

Calm

Calm은(는) #DFE9E6: rgb(223 233 230), hsl(162 19% 89%), oklch(0.926 0.011 176.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Calm color name →

#DFE9E6

oklch(0.926 0.011 176.3)

색상 변환

HEX: #dfe9e6
RGB: rgb(223 233 230)
HSL: hsl(162 19% 89%)
HWB: hwb(162 87% 9%)
OKLCH: oklch(0.926 0.011 176.3)
OKLab: oklab(0.926 -0.011 0.001)
CIE Lab: lab(91.52 -3.86 0.24)
LCH: lch(91.52 3.87 176.4)
CMYK: cmyk(4% 0% 1% 9%)

틴트 · 셰이드 · 톤

틴트

E2EBE8
E5EDEB
E9F0ED
ECF2F0
EFF4F2
F2F6F5
F5F8F7
F9FBFA
FCFDFC

셰이드

C2CBC8
A5ADAB
8A908E
6F7473
565A59
3D4140
272928
121313
020303

톤

D5DEDB
CBD3D1
C2C8C6
B8BEBC
AEB3B2
A5A9A7
9B9E9D
929493
898A8A

색 조화

보색 +180°

DFE9E6
Calm
EDE3E6
≈ Delicacy White

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.23:1 · APCA Lc 12

Fail

검은색 위

WCAG 16.93:1 · APCA Lc 92

AAA

가장 좋은 글자색: #000000

WCAG 16.93:1 (AAA) · APCA Lc 92

Contrast pairs

코드 스니펫

CSS

:root {
  --calm: #dfe9e6;
  --calm-rgb: 223 233 230;
  --calm-oklch: oklch(0.926 0.011 176.3);
}

.element {
  color: var(--calm);
  background-color: hsl(162 19% 89%);
  border-color: oklch(0.926 0.011 176.3);
}

Tailwind CSS v4

@theme {
  --color-calm: #dfe9e6;
  --color-calm-50: #f2f6f5;
  --color-calm-100: #e4e9e8;
  --color-calm-200: #cfd6d4;
  --color-calm-300: #b2b9b7;
  --color-calm-400: #98a19e;
  --color-calm-500: #7f8986;
  --color-calm-600: #6b7471;
  --color-calm-700: #565d5b;
  --color-calm-800: #3f4442;
  --color-calm-900: #2b2f2e;
  --color-calm-950: #181b1a;
}

SCSS

$calm: #dfe9e6;
$calm-rgb: 223, 233, 230;
$calm-light: mix(#fff, $calm, 20%);
$calm-dark: mix(#000, $calm, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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