Colore con nome · #C6DBD6
Morning Dew White
Morning Dew White è #C6DBD6: rgb(198 219 214), hsl(166 23% 82%), oklch(0.874 0.023 179.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Morning Dew White color name →
#C6DBD6
oklch(0.874 0.023 179.9)
Conversioni di colore
- HEX
- #c6dbd6
- RGB
- rgb(198 219 214)
- HSL
- hsl(166 23% 82%)
- HWB
- hwb(166 78% 14%)
- OKLCH
- oklch(0.874 0.023 179.9)
- OKLab
- oklab(0.874 -0.023 0)
- CIE Lab
- lab(85.72 -7.98 -0.05)
- LCH
- lch(85.72 7.98 180.4)
- CMYK
- cmyk(10% 0% 2% 14%)
Tinte · Ombre · Toni
Tinte
- CCDFDA
- D1E2DE
- D7E6E2
- DDE9E6
- E2EDEA
- E8F1EE
- EEF4F3
- F4F8F7
- F9FBFB
Ombre
- ACBEBA
- 92A29E
- 7A8784
- 626D6A
- 4B5452
- 353C3B
- 212625
- 0E1110
- 020202
Toni
- BFD2CD
- B8C8C4
- B1BFBB
- A9B6B3
- A2ACAA
- 9BA3A1
- 959A99
- 8E9191
- 878988
Armonie di colore
Complementare +180°
- C6DBD6
Morning Dew White
- E4D0D5
≈ Santolina Blooms
Analogo -30° +30°
- C6DBD6
Morning Dew White
- CBDACE
≈ Tenderness
- C5DADE
≈ Light Dewpoint
Triadico +120° +240°
- C6DBD6
Morning Dew White
- D8D2E3
≈ Delicate Lilac Crystal
- E2D2C7
≈ Wheat Seed
Complementare divisa +150° +210°
- C6DBD6
Morning Dew White
- DFD0DD
≈ Orchid Ice
- E5D0CD
≈ Hugo
Tetradico +90° +180° +270°
- C6DBD6
Morning Dew White
- CFD5E6
≈ Supernova
- E4D0D5
≈ Santolina Blooms
- DCD5C5
≈ Sonoran Sands
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.44:1 · APCA Lc 21
Ag
AAASu nero
WCAG 14.50:1 · APCA Lc 82
Miglior colore del testo: #000000
WCAG 14.50:1 (AAA) · APCA Lc 82
Contrast pairs
Frammenti di codice
CSS
:root {
--morning-dew-white: #c6dbd6;
--morning-dew-white-rgb: 198 219 214;
--morning-dew-white-oklch: oklch(0.874 0.023 179.9);
}
.element {
color: var(--morning-dew-white);
background-color: hsl(166 23% 82%);
border-color: oklch(0.874 0.023 179.9);
}Tailwind CSS v4
@theme {
--color-morning-dew-white: #c6dbd6;
--color-morning-dew-white-50: #eef7f5;
--color-morning-dew-white-100: #e0ebe8;
--color-morning-dew-white-200: #cad8d5;
--color-morning-dew-white-300: #abbcb8;
--color-morning-dew-white-400: #90a39f;
--color-morning-dew-white-500: #768c87;
--color-morning-dew-white-600: #647672;
--color-morning-dew-white-700: #505e5b;
--color-morning-dew-white-800: #3a4542;
--color-morning-dew-white-900: #28302e;
--color-morning-dew-white-950: #161c1b;
}SCSS
$morning-dew-white: #c6dbd6;
$morning-dew-white-rgb: 198, 219, 214;
$morning-dew-white-light: mix(#fff, $morning-dew-white, 20%);
$morning-dew-white-dark: mix(#000, $morning-dew-white, 20%);
.element {
color: $morning-dew-white;
box-shadow: 0 0 0 2px rgba($morning-dew-white, 0.35);
}