Color con nombre · #A6D0EC
Marzena Dream
Marzena Dream es #A6D0EC: rgb(166 208 236), hsl(204 65% 79%), oklch(0.837 0.059 237.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Marzena Dream color name →
#A6D0EC
oklch(0.837 0.059 237.6)
Conversiones de color
- HEX
- #a6d0ec
- RGB
- rgb(166 208 236)
- HSL
- hsl(204 65% 79%)
- HWB
- hwb(204 65% 7%)
- OKLCH
- oklch(0.837 0.059 237.6)
- OKLab
- oklab(0.837 -0.032 -0.05)
- CIE Lab
- lab(81.17 -9.49 -18.63)
- LCH
- lch(81.17 20.91 243)
- CMYK
- cmyk(30% 12% 0% 7%)
Tintes · Sombras · Tonos
Tintes
- AFD5EE
- B8D9F0
- C1DEF2
- CAE3F4
- D3E8F6
- DCECF8
- E4F1FA
- EDF6FB
- F6FAFD
Sombras
- 90B5CD
- 7A9AAF
- 658092
- 516776
- 3E4F5B
- 2B3942
- 1A2329
- 0A1013
- 010203
Tonos
- A2C8E1
- 9FC0D6
- 9BB7CB
- 97AFC0
- 94A7B5
- 909FAA
- 8C979F
- 889095
- 84888A
Armonías de color
Complementario +180°
- A6D0EC
Marzena Dream
- E8C1A4
≈ Fabulous Fawn
Análogo -30° +30°
- A6D0EC
Marzena Dream
- 9CD5DE
≈ Ocean Cruise
- B9C9F1
≈ Cuddle
Triádico +120° +240°
- A6D0EC
Marzena Dream
- EBBACA
≈ Madder Rose
- C6CFA4
≈ Landscape
Complementario dividido +150° +210°
- A6D0EC
Marzena Dream
- EEBCB5
≈ Sweet Sherry
- DAC89E
≈ Surrey Cream
Tetrádico +90° +180° +270°
- A6D0EC
Marzena Dream
- DFBDDE
≈ Romantic Ballad
- E8C1A4
≈ Fabulous Fawn
- B1D5B4
≈ Enchanted Meadow
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.63:1 · APCA Lc 28
Ag
AAASobre negro
WCAG 12.85:1 · APCA Lc 75
Mejor color de texto: #000000
WCAG 12.85:1 (AAA) · APCA Lc 75
Contrast pairs
Fragmentos de código
CSS
:root {
--marzena-dream: #a6d0ec;
--marzena-dream-rgb: 166 208 236;
--marzena-dream-oklch: oklch(0.837 0.059 237.6);
}
.element {
color: var(--marzena-dream);
background-color: hsl(204 65% 79%);
border-color: oklch(0.837 0.059 237.6);
}Tailwind CSS v4
@theme {
--color-marzena-dream: #a6d0ec;
--color-marzena-dream-50: #e7f8ff;
--color-marzena-dream-100: #d7ebfa;
--color-marzena-dream-200: #bed8eb;
--color-marzena-dream-300: #9dbcd3;
--color-marzena-dream-400: #7ea4be;
--color-marzena-dream-500: #608ca9;
--color-marzena-dream-600: #52778f;
--color-marzena-dream-700: #415f72;
--color-marzena-dream-800: #2e4654;
--color-marzena-dream-900: #1f303b;
--color-marzena-dream-950: #0f1c25;
}SCSS
$marzena-dream: #a6d0ec;
$marzena-dream-rgb: 166, 208, 236;
$marzena-dream-light: mix(#fff, $marzena-dream, 20%);
$marzena-dream-dark: mix(#000, $marzena-dream, 20%);
.element {
color: $marzena-dream;
box-shadow: 0 0 0 2px rgba($marzena-dream, 0.35);
}