이름 색상 · #CEEEEF

Morning Calm

Morning Calm은(는) #CEEEEF: rgb(206 238 239), hsl(182 51% 87%), oklch(0.926 0.033 198.9). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Morning Calm color name →

#CEEEEF

oklch(0.926 0.033 198.9)

색상 변환

HEX: #ceeeef
RGB: rgb(206 238 239)
HSL: hsl(182 51% 87%)
HWB: hwb(182 81% 6%)
OKLCH: oklch(0.926 0.033 198.9)
OKLab: oklab(0.926 -0.032 -0.011)
CIE Lab: lab(91.8 -10.65 -4.19)
LCH: lch(91.8 11.44 201.5)
CMYK: cmyk(14% 0% 0% 6%)

틴트 · 셰이드 · 톤

틴트

D3F0F1
D8F1F2
DDF3F4
E2F5F5
E7F7F7
ECF8F9
F0FAFA
F5FCFC
FAFDFD

셰이드

B3CFD0
98B1B1
7F9394
667778
4E5C5C
384242
232A2A
0F1414
020303

톤

C6E2E3
BED7D8
B6CCCC
AEC1C1
A6B5B6
9FABAB
97A0A0
8F9595
888A8B

색 조화

보색 +180°

CEEEEF
Morning Calm
FDDEDE
≈ Aquarelle Red

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.22:1 · APCA Lc 11

Fail

검은색 위

WCAG 17.10:1 · APCA Lc 93

AAA

가장 좋은 글자색: #000000

WCAG 17.10:1 (AAA) · APCA Lc 93

Contrast pairs

코드 스니펫

CSS

:root {
  --morning-calm: #ceeeef;
  --morning-calm-rgb: 206 238 239;
  --morning-calm-oklch: oklch(0.926 0.033 198.9);
}

.element {
  color: var(--morning-calm);
  background-color: hsl(182 51% 87%);
  border-color: oklch(0.926 0.033 198.9);
}

Tailwind CSS v4

@theme {
  --color-morning-calm: #ceeeef;
  --color-morning-calm-50: #ebf8f9;
  --color-morning-calm-100: #dcebec;
  --color-morning-calm-200: #c5d9da;
  --color-morning-calm-300: #a4bdbe;
  --color-morning-calm-400: #88a5a6;
  --color-morning-calm-500: #6d8d8e;
  --color-morning-calm-600: #5c7878;
  --color-morning-calm-700: #496060;
  --color-morning-calm-800: #354646;
  --color-morning-calm-900: #243131;
  --color-morning-calm-950: #131d1d;
}

SCSS

$morning-calm: #ceeeef;
$morning-calm-rgb: 206, 238, 239;
$morning-calm-light: mix(#fff, $morning-calm, 20%);
$morning-calm-dark: mix(#000, $morning-calm, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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