Cor nomeada mais próxima · #DEEAFF
#DEEAFF
Cor nomeada mais próxima: Puffy Cloud
#DEEAFF (rgb(222 234 255), hsl(218 100% 94%), oklch(0.934 0.031 261.7)) é mais próxima da cor nomeada Puffy Cloud. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#DEEAFF
oklch(0.934 0.031 261.7)
Conversões de cor
- HEX
- #deeaff
- RGB
- rgb(222 234 255)
- HSL
- hsl(218 100% 94%)
- HWB
- hwb(218 87% 0%)
- OKLCH
- oklch(0.934 0.031 261.7)
- OKLab
- oklab(0.934 -0.004 -0.031)
- CIE Lab
- lab(92.26 -1.08 -11.63)
- LCH
- lch(92.26 11.68 264.7)
- CMYK
- cmyk(13% 8% 0% 0%)
Tons claros · Sombras · Tons
Tons claros
- E1ECFF
- E5EEFF
- E8F0FF
- EBF2FF
- EEF5FF
- F2F7FF
- F5F9FF
- F8FBFF
- FCFDFF
Sombras
- C1CBDE
- A5AEBE
- 89919E
- 6F7580
- 555A63
- 3D4148
- 26292E
- 121316
- 020303
Tons
- D4DFF2
- CAD4E4
- C1C9D7
- B7BECA
- AEB4BE
- A4A9B1
- 9B9FA4
- 929498
- 898A8C
Harmonias de cor
Complementar +180°
- DEEAFF
Puffy Cloud
- F4E8D2
≈ Golden Mushroom
Análoga -30° +30°
- DEEAFF
Puffy Cloud
- D5EEFB
≈ Ice Castle
- E9E6FD
≈ Cyber Lavender
Tríade +120° +240°
- DEEAFF
Puffy Cloud
- FEE2E0
≈ Lady Anne
- DEEFDC
≈ Vanishing Point
Complementar dividida +150° +210°
- DEEAFF
Puffy Cloud
- FBE4D7
≈ Cool Cream
- E9ECD4
≈ Just Perfect
Tétrade +90° +180° +270°
- DEEAFF
Puffy Cloud
- FBE1EB
≈ Spun Sugar
- F4E8D2
≈ Golden Mushroom
- D5F1E7
≈ Minty Fresh
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.21:1 · APCA Lc 10
Ag
AAASobre preto
WCAG 17.31:1 · APCA Lc 94
Melhor cor de texto: #000000
WCAG 17.31:1 (AAA) · APCA Lc 94
Contrast pairs
Trechos de código
CSS
:root {
--puffy-cloud: #deeaff;
--puffy-cloud-rgb: 222 234 255;
--puffy-cloud-oklch: oklch(0.934 0.031 261.7);
}
.element {
color: var(--puffy-cloud);
background-color: hsl(218 100% 94%);
border-color: oklch(0.934 0.031 261.7);
}Tailwind CSS v4
@theme {
--color-puffy-cloud: #deeaff;
--color-puffy-cloud-50: #f0f5fe;
--color-puffy-cloud-100: #e2e8f3;
--color-puffy-cloud-200: #cdd4e2;
--color-puffy-cloud-300: #afb8c8;
--color-puffy-cloud-400: #949fb1;
--color-puffy-cloud-500: #7b879b;
--color-puffy-cloud-600: #687283;
--color-puffy-cloud-700: #535b69;
--color-puffy-cloud-800: #3c434d;
--color-puffy-cloud-900: #292e36;
--color-puffy-cloud-950: #171b21;
}SCSS
$puffy-cloud: #deeaff;
$puffy-cloud-rgb: 222, 234, 255;
$puffy-cloud-light: mix(#fff, $puffy-cloud, 20%);
$puffy-cloud-dark: mix(#000, $puffy-cloud, 20%);
.element {
color: $puffy-cloud;
box-shadow: 0 0 0 2px rgba($puffy-cloud, 0.35);
}