Cor nomeada · #DFE7EB
Cloud Abyss
Cloud Abyss é #DFE7EB: rgb(223 231 235), hsl(200 23% 90%), oklch(0.923 0.01 228.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Cloud Abyss color name →
#DFE7EB
oklch(0.923 0.01 228.9)
Conversões de cor
- HEX
- #dfe7eb
- RGB
- rgb(223 231 235)
- HSL
- hsl(200 23% 90%)
- HWB
- hwb(200 87% 8%)
- OKLCH
- oklch(0.923 0.01 228.9)
- OKLab
- oklab(0.923 -0.007 -0.008)
- CIE Lab
- lab(91.12 -2.21 -2.93)
- LCH
- lch(91.12 3.67 232.9)
- CMYK
- cmyk(5% 2% 0% 8%)
Tons claros · Sombras · Tons
Tons claros
- E2E9ED
- E5ECEF
- E9EEF1
- ECF1F3
- EFF3F5
- F2F5F7
- F5F8F9
- F9FAFB
- FCFDFD
Sombras
- C2C9CC
- A5ABAE
- 8A8F91
- 6F7375
- 56595B
- 3D4041
- 272829
- 121313
- 020303
Tons
- D5DCE0
- CBD2D5
- C2C7CA
- B8BCBF
- AEB2B4
- A5A8A9
- 9B9E9F
- 929494
- 898A8A
Harmonias de cor
Complementar +180°
- DFE7EB
Cloud Abyss
- ECE4E0
≈ Heart Stone
Análoga -30° +30°
- DFE7EB
Cloud Abyss
- DEE8E8
≈ Filigree
- E1E6ED
≈ Genteel Lavender
Tríade +120° +240°
- DFE7EB
Cloud Abyss
- EBE3E7
≈ Calm Tint
- E6E6DF
≈ Black Squeeze
Complementar dividida +150° +210°
- DFE7EB
Cloud Abyss
- ECE3E3
≈ Cloudy Grey
- E9E5DE
≈ Snowed In
Tétrade +90° +180° +270°
- DFE7EB
Cloud Abyss
- E9E3EA
≈ Calm Tint
- ECE4E0
≈ Heart Stone
- E2E7E1
≈ White Blaze
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.25:1 · APCA Lc 13
Ag
AAASobre preto
WCAG 16.76:1 · APCA Lc 91
Melhor cor de texto: #000000
WCAG 16.76:1 (AAA) · APCA Lc 91
Contrast pairs
Trechos de código
CSS
:root {
--cloud-abyss: #dfe7eb;
--cloud-abyss-rgb: 223 231 235;
--cloud-abyss-oklch: oklch(0.923 0.01 228.9);
}
.element {
color: var(--cloud-abyss);
background-color: hsl(200 23% 90%);
border-color: oklch(0.923 0.01 228.9);
}Tailwind CSS v4
@theme {
--color-cloud-abyss: #dfe7eb;
--color-cloud-abyss-50: #f2f6f7;
--color-cloud-abyss-100: #e5e8eb;
--color-cloud-abyss-200: #d0d5d8;
--color-cloud-abyss-300: #b2b8bc;
--color-cloud-abyss-400: #99a0a3;
--color-cloud-abyss-500: #80888c;
--color-cloud-abyss-600: #6c7376;
--color-cloud-abyss-700: #565c5e;
--color-cloud-abyss-800: #3f4345;
--color-cloud-abyss-900: #2b2e30;
--color-cloud-abyss-950: #191b1c;
}SCSS
$cloud-abyss: #dfe7eb;
$cloud-abyss-rgb: 223, 231, 235;
$cloud-abyss-light: mix(#fff, $cloud-abyss, 20%);
$cloud-abyss-dark: mix(#000, $cloud-abyss, 20%);
.element {
color: $cloud-abyss;
box-shadow: 0 0 0 2px rgba($cloud-abyss, 0.35);
}