Cor nomeada · #D6EEDD
Winter Fresh
Winter Fresh é #D6EEDD: rgb(214 238 221), hsl(138 41% 89%), oklch(0.927 0.034 154.8). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Winter Fresh color name →
#D6EEDD
oklch(0.927 0.034 154.8)
Conversões de cor
- HEX
- #d6eedd
- RGB
- rgb(214 238 221)
- HSL
- hsl(138 41% 89%)
- HWB
- hwb(138 84% 7%)
- OKLCH
- oklch(0.927 0.034 154.8)
- OKLab
- oklab(0.927 -0.031 0.014)
- CIE Lab
- lab(91.97 -10.53 5.44)
- LCH
- lch(91.97 11.85 152.7)
- CMYK
- cmyk(10% 0% 7% 7%)
Tons claros · Sombras · Tons
Tons claros
- DAF0E0
- DEF1E4
- E2F3E7
- E6F5EB
- EBF7EE
- EFF8F1
- F3FAF5
- F7FCF8
- FBFDFC
Sombras
- BACFC0
- 9EB1A4
- 849388
- 6A776E
- 525C55
- 3B423D
- 252A26
- 101411
- 020302
Tons
- CDE2D3
- C4D7CA
- BBCCC0
- B3C1B7
- AAB5AD
- A2ABA4
- 99A09B
- 919592
- 888A89
Harmonias de cor
Complementar +180°
- D6EEDD
Winter Fresh
- F6DFF0
≈ Taffeta Tint
Análoga -30° +30°
- D6EEDD
Winter Fresh
- E1EBD3
≈ Misted Fern
- CFEFEA
≈ Teal Ice
Tríade +120° +240°
- D6EEDD
Winter Fresh
- E0E6FE
≈ Lavender Mist
- FDDFD8
≈ Pink Glitter
Complementar dividida +150° +210°
- D6EEDD
Winter Fresh
- ECE2FA
≈ Sheer Lavender
- FCDEE4
≈ Cake Frosting
Tétrade +90° +180° +270°
- D6EEDD
Winter Fresh
- D5EAFD
≈ Cloudless
- F6DFF0
≈ Taffeta Tint
- F7E3D0
≈ Touch of Topaz
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.22:1 · APCA Lc 11
Ag
AAASobre preto
WCAG 17.13:1 · APCA Lc 93
Melhor cor de texto: #000000
WCAG 17.13:1 (AAA) · APCA Lc 93
Contrast pairs
Trechos de código
CSS
:root {
--winter-fresh: #d6eedd;
--winter-fresh-rgb: 214 238 221;
--winter-fresh-oklch: oklch(0.927 0.034 154.8);
}
.element {
color: var(--winter-fresh);
background-color: hsl(138 41% 89%);
border-color: oklch(0.927 0.034 154.8);
}Tailwind CSS v4
@theme {
--color-winter-fresh: #d6eedd;
--color-winter-fresh-50: #eef8f1;
--color-winter-fresh-100: #dfebe3;
--color-winter-fresh-200: #c9d9ce;
--color-winter-fresh-300: #aabdb0;
--color-winter-fresh-400: #8fa596;
--color-winter-fresh-500: #758d7c;
--color-winter-fresh-600: #637769;
--color-winter-fresh-700: #4f6054;
--color-winter-fresh-800: #3a463d;
--color-winter-fresh-900: #28302a;
--color-winter-fresh-950: #161d17;
}SCSS
$winter-fresh: #d6eedd;
$winter-fresh-rgb: 214, 238, 221;
$winter-fresh-light: mix(#fff, $winter-fresh, 20%);
$winter-fresh-dark: mix(#000, $winter-fresh, 20%);
.element {
color: $winter-fresh;
box-shadow: 0 0 0 2px rgba($winter-fresh, 0.35);
}