Cor nomeada mais próxima · #DEEDFF
#DEEDFF
Cor nomeada mais próxima: Cloudless
#DEEDFF (rgb(222 237 255), hsl(213 100% 94%), oklch(0.94 0.029 252.9)) é mais próxima da cor nomeada Cloudless. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DEEDFF
oklch(0.94 0.029 252.9)
Conversões de cor
- HEX
- #deedff
- RGB
- rgb(222 237 255)
- HSL
- hsl(213 100% 94%)
- HWB
- hwb(213 87% 0%)
- OKLCH
- oklch(0.94 0.029 252.9)
- OKLab
- oklab(0.94 -0.009 -0.028)
- CIE Lab
- lab(93.03 -2.52 -10.51)
- LCH
- lch(93.03 10.81 256.5)
- CMYK
- cmyk(13% 7% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- E1EFFF
- E5F1FF
- E8F2FF
- EBF4FF
- EEF6FF
- F2F8FF
- F5FAFF
- F8FBFF
- FCFDFF
Sombras
- C1CEDE
- A5B0BE
- 89939E
- 6F7780
- 555C63
- 3D4248
- 262A2E
- 121416
- 020303
Tons
- D4E2F2
- CAD6E4
- C1CBD7
- B7C0CA
- AEB5BE
- A5AAB1
- 9B9FA4
- 929598
- 898A8C
Harmonias de cor
Complementar +180°
- DEEDFF
Cloudless
- F8E9D7
≈ Pignoli
Análoga -30° +30°
- DEEDFF
Cloudless
- D7F0FA
≈ Water
- E8E9FF
≈ Glitter
Tríade +120° +240°
- DEEDFF
Cloudless
- FEE4E6
≈ Valerie
- E4F0DC
≈ Winter Shamrock
Complementar dividida +150° +210°
- DEEDFF
Cloudless
- FDE6DC
≈ French Manicure
- EEEDD6
≈ Acid Blond
Tétrade +90° +180° +270°
- DEEDFF
Cloudless
- FAE4F0
≈ Petal Poise
- F8E9D7
≈ Pignoli
- DBF2E6
≈ Delicate Mint
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.18:1 · APCA Lc 9
Ag
AAASobre preto
WCAG 17.66:1 · APCA Lc 95
Melhor cor de texto: #000000
WCAG 17.66:1 (AAA) · APCA Lc 95
Contrast pairs
Trechos de código
CSS
:root {
--cloudless: #deedff;
--cloudless-rgb: 222 237 255;
--cloudless-oklch: oklch(0.94 0.029 252.9);
}
.element {
color: var(--cloudless);
background-color: hsl(213 100% 94%);
border-color: oklch(0.94 0.029 252.9);
}Tailwind CSS v4
@theme {
--color-cloudless: #deedff;
--color-cloudless-50: #f0f6fe;
--color-cloudless-100: #e1e9f2;
--color-cloudless-200: #ccd5e1;
--color-cloudless-300: #aeb8c7;
--color-cloudless-400: #93a0b0;
--color-cloudless-500: #79889a;
--color-cloudless-600: #667382;
--color-cloudless-700: #525c68;
--color-cloudless-800: #3b434c;
--color-cloudless-900: #292e35;
--color-cloudless-950: #161b20;
}SCSS
$cloudless: #deedff;
$cloudless-rgb: 222, 237, 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);
}