Named color · #CEEEEF
Morning Calm
Morning Calm is #CEEEEF: rgb(206 238 239), hsl(182 51% 87%), oklch(0.926 0.033 198.9). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Gray mean? → · Morning Calm color name →
#CEEEEF
oklch(0.926 0.033 198.9)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- D3F0F1
- D8F1F2
- DDF3F4
- E2F5F5
- E7F7F7
- ECF8F9
- F0FAFA
- F5FCFC
- FAFDFD
Shades
- B3CFD0
- 98B1B1
- 7F9394
- 667778
- 4E5C5C
- 384242
- 232A2A
- 0F1414
- 020303
Tones
- C6E2E3
- BED7D8
- B6CCCC
- AEC1C1
- A6B5B6
- 9FABAB
- 97A0A0
- 8F9595
- 888A8B
Color harmonies
Complementary +180°
- CEEEEF
Morning Calm
- FDDEDE
≈ Aquarelle Red
Analogous -30° +30°
- CEEEEF
Morning Calm
- D2EEE3
≈ Warm Winter
- D1ECF9
≈ Blue Hijab
Triadic +120° +240°
- CEEEEF
Morning Calm
- F1E0F5
≈ Sheer Lavender
- F3E5CE
≈ Décor White
Split-complementary +150° +210°
- CEEEEF
Morning Calm
- F9DEEA
≈ Fresh Piglet
- FAE1D4
≈ Mette Penne
Tetradic +90° +180° +270°
- CEEEEF
Morning Calm
- E5E4FC
≈ Lavender Mist
- FDDEDE
≈ Aquarelle Red
- E8E9D0
≈ Saffron Bread
Contrast & accessibility
Ag
FailOn white
WCAG 1.22:1 · APCA Lc 11
Ag
AAAOn black
WCAG 17.10:1 · APCA Lc 93
Best text color: #000000
WCAG 17.10:1 (AAA) · APCA Lc 93
Contrast pairs
Code snippets
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);
}