Cor nomeada · #C5EAD3
Delicate Frost
Delicate Frost é #C5EAD3: rgb(197 234 211), hsl(143 47% 85%), oklch(0.904 0.05 158). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Green mean? → · Delicate Frost color name →
#C5EAD3
oklch(0.904 0.05 158)
Conversões de cor
- HEX
- #c5ead3
- RGB
- rgb(197 234 211)
- HSL
- hsl(143 47% 85%)
- HWB
- hwb(143 77% 8%)
- OKLCH
- oklch(0.904 0.05 158)
- OKLab
- oklab(0.904 -0.046 0.019)
- CIE Lab
- lab(89.56 -15.8 6.99)
- LCH
- lch(89.56 17.27 156.1)
- CMYK
- cmyk(16% 0% 10% 8%)
Tons claros · Sombras · Tons
Tons claros
- CBECD7
- D1EEDC
- D7F0E0
- DCF2E4
- E2F5E9
- E8F7ED
- EEF9F2
- F4FBF6
- F9FDFB
Sombras
- ABCBB7
- 92AE9C
- 799182
- 617569
- 4B5A51
- 35413A
- 212924
- 0E1310
- 020302
Tons
- BEDFCA
- B7D4C2
- B0C9B9
- A9BEB1
- A2B4A9
- 9BA9A0
- 949F98
- 8E9490
- 878A88
Harmonias de cor
Complementar +180°
- C5EAD3
Delicate Frost
- F6D3EB
≈ Little Smile
Análoga -30° +30°
- C5EAD3
Delicate Frost
- D6E6C3
≈ Green Vibes
- BBEBE5
≈ Luxor Blue
Tríade +120° +240°
- C5EAD3
Delicate Frost
- D7DDFF
≈ Transparent Blue
- FED5C8
≈ Tiny Pink
Complementar dividida +150° +210°
- C5EAD3
Delicate Frost
- E8D7F9
≈ Pouty Purple
- FED2D9
≈ Pink Fluorite
Tétrade +90° +180° +270°
- C5EAD3
Delicate Frost
- C7E3FF
≈ Fresh Water
- F6D3EB
≈ Little Smile
- F6DABD
≈ Morning Blossom
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.30:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.08:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.08:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--delicate-frost: #c5ead3;
--delicate-frost-rgb: 197 234 211;
--delicate-frost-oklch: oklch(0.904 0.05 158);
}
.element {
color: var(--delicate-frost);
background-color: hsl(143 47% 85%);
border-color: oklch(0.904 0.05 158);
}Tailwind CSS v4
@theme {
--color-delicate-frost: #c5ead3;
--color-delicate-frost-50: #eafaf0;
--color-delicate-frost-100: #dbede2;
--color-delicate-frost-200: #c3dbcd;
--color-delicate-frost-300: #a2c0af;
--color-delicate-frost-400: #86a893;
--color-delicate-frost-500: #6a917a;
--color-delicate-frost-600: #5a7a67;
--color-delicate-frost-700: #486252;
--color-delicate-frost-800: #34483b;
--color-delicate-frost-900: #243229;
--color-delicate-frost-950: #131e16;
}SCSS
$delicate-frost: #c5ead3;
$delicate-frost-rgb: 197, 234, 211;
$delicate-frost-light: mix(#fff, $delicate-frost, 20%);
$delicate-frost-dark: mix(#000, $delicate-frost, 20%);
.element {
color: $delicate-frost;
box-shadow: 0 0 0 2px rgba($delicate-frost, 0.35);
}