Cor nomeada · #DCE9EA
Wave Crest
Wave Crest é #DCE9EA: rgb(220 233 234), hsl(184 25% 89%), oklch(0.925 0.014 202.4). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Wave Crest color name →
#DCE9EA
oklch(0.925 0.014 202.4)
Conversões de cor
- HEX
- #dce9ea
- RGB
- rgb(220 233 234)
- HSL
- hsl(184 25% 89%)
- HWB
- hwb(184 86% 8%)
- OKLCH
- oklch(0.925 0.014 202.4)
- OKLab
- oklab(0.925 -0.013 -0.005)
- CIE Lab
- lab(91.38 -4.33 -2.06)
- LCH
- lch(91.38 4.8 205.4)
- CMYK
- cmyk(6% 0% 0% 8%)
Tons claros · Sombras · Tons
Tons claros
- DFEBEC
- E3EDEE
- E6F0F0
- EAF2F2
- EDF4F4
- F1F6F7
- F4F8F9
- F8FBFB
- FBFDFD
Sombras
- BFCBCB
- A3ADAE
- 889091
- 6E7475
- 545A5A
- 3C4141
- 262929
- 111313
- 020303
Tons
- D2DEDF
- C9D3D4
- C0C8C9
- B6BEBE
- ADB3B4
- A4A9A9
- 9B9E9F
- 929494
- 898A8A
Harmonias de cor
Complementar +180°
- DCE9EA
Wave Crest
- EFE3E2
≈ Shattered Porcelain
Análoga -30° +30°
- DCE9EA
Wave Crest
- DDE9E5
≈ Fresh Day
- DDE8EE
≈ Moby Dick
Tríade +120° +240°
- DCE9EA
Wave Crest
- EBE3EC
≈ Calm Tint
- EBE5DC
≈ Elk Skin
Complementar dividida +150° +210°
- DCE9EA
Wave Crest
- EEE2E7
≈ Pink Booties
- EEE4DE
≈ Macadamia Nut
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.88:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.88:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--wave-crest: #dce9ea;
--wave-crest-rgb: 220 233 234;
--wave-crest-oklch: oklch(0.925 0.014 202.4);
}
.element {
color: var(--wave-crest);
background-color: hsl(184 25% 89%);
border-color: oklch(0.925 0.014 202.4);
}Tailwind CSS v4
@theme {
--color-wave-crest: #dce9ea;
--color-wave-crest-50: #f1f6f7;
--color-wave-crest-100: #e3e9ea;
--color-wave-crest-200: #ced6d7;
--color-wave-crest-300: #b0babb;
--color-wave-crest-400: #95a1a2;
--color-wave-crest-500: #7c898a;
--color-wave-crest-600: #697475;
--color-wave-crest-700: #545d5d;
--color-wave-crest-800: #3d4444;
--color-wave-crest-900: #2a2f2f;
--color-wave-crest-950: #181b1c;
}SCSS
$wave-crest: #dce9ea;
$wave-crest-rgb: 220, 233, 234;
$wave-crest-light: mix(#fff, $wave-crest, 20%);
$wave-crest-dark: mix(#000, $wave-crest, 20%);
.element {
color: $wave-crest;
box-shadow: 0 0 0 2px rgba($wave-crest, 0.35);
}