Color con nombre más cercano · #DEECFF
#DEECFF
Color con nombre más cercano: Cloudless
#DEECFF (rgb(222 236 255), hsl(215 100% 94%), oklch(0.938 0.03 256)) se parece más al color con nombre Cloudless. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#DEECFF
oklch(0.938 0.03 256)
Conversiones de color
- HEX
- #deecff
- RGB
- rgb(222 236 255)
- HSL
- hsl(215 100% 94%)
- HWB
- hwb(215 87% 0%)
- OKLCH
- oklch(0.938 0.03 256)
- OKLab
- oklab(0.938 -0.007 -0.029)
- CIE Lab
- lab(92.77 -2.04 -10.88)
- LCH
- lch(92.77 11.07 259.4)
- CMYK
- cmyk(13% 7% 0% 0%)
Tintes · Sombras · Tonos
Tintes
- E1EEFF
- E5F0FF
- E8F2FF
- EBF4FF
- EEF6FF
- F2F7FF
- F5F9FF
- F8FBFF
- FCFDFF
Sombras
- C1CDDE
- A5AFBE
- 89929E
- 6F7680
- 555B63
- 3D4248
- 26292E
- 121316
- 020303
Tonos
- D4E1F2
- CAD5E4
- C1CAD7
- B7BFCA
- AEB5BE
- A5AAB1
- 9B9FA4
- 929598
- 898A8C
Armonías de color
Complementario +180°
- DEECFF
Cloudless
- F6E8D5
≈ Bali Sand
Análogo -30° +30°
- DEECFF
Cloudless
- D7EFFA
≈ Ice Castle
- E8E8FE
≈ Glitter
Triádico +120° +240°
- DEECFF
Cloudless
- FEE3E4
≈ Royal Wedding
- E2F0DC
≈ Soft Focus
Complementario dividido +150° +210°
- DEECFF
Cloudless
- FDE5DA
≈ Slightly in Love
- EDECD6
≈ Dusky Moon
Tetrádico +90° +180° +270°
- DEECFF
Cloudless
- FBE3EF
≈ Spun Sugar
- F6E8D5
≈ Bali Sand
- D9F1E6
≈ Banshee
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.19:1 · APCA Lc 10
Ag
AAASobre negro
WCAG 17.54:1 · APCA Lc 95
Mejor color de texto: #000000
WCAG 17.54:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmentos de código
CSS
:root {
--cloudless: #deecff;
--cloudless-rgb: 222 236 255;
--cloudless-oklch: oklch(0.938 0.03 256);
}
.element {
color: var(--cloudless);
background-color: hsl(215 100% 94%);
border-color: oklch(0.938 0.03 256);
}Tailwind CSS v4
@theme {
--color-cloudless: #deecff;
--color-cloudless-50: #f0f6fe;
--color-cloudless-100: #e2e8f2;
--color-cloudless-200: #cdd5e1;
--color-cloudless-300: #aeb8c7;
--color-cloudless-400: #93a0b0;
--color-cloudless-500: #7a879a;
--color-cloudless-600: #677382;
--color-cloudless-700: #525c68;
--color-cloudless-800: #3b434d;
--color-cloudless-900: #292e35;
--color-cloudless-950: #171b20;
}SCSS
$cloudless: #deecff;
$cloudless-rgb: 222, 236, 255;
$cloudless-light: mix(#fff, $cloudless, 20%);
$cloudless-dark: mix(#000, $cloudless, 20%);
.element {
color: $cloudless;
box-shadow: 0 0 0 2px rgba($cloudless, 0.35);
}