Color con nombre · #DFEBB1
Fresh Up
Fresh Up es #DFEBB1: rgb(223 235 177), hsl(72 59% 81%), oklch(0.917 0.077 117.4). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Yellow mean? → · Fresh Up color name →
#DFEBB1
oklch(0.917 0.077 117.4)
Conversiones de color
- HEX
- #dfebb1
- RGB
- rgb(223 235 177)
- HSL
- hsl(72 59% 81%)
- HWB
- hwb(72 69% 8%)
- OKLCH
- oklch(0.917 0.077 117.4)
- OKLab
- oklab(0.917 -0.035 0.068)
- CIE Lab
- lab(91.07 -11.15 26.85)
- LCH
- lch(91.07 29.08 112.6)
- CMYK
- cmyk(5% 0% 25% 8%)
Tintes · Sombras · Tonos
Tintes
- E2EDB9
- E5EFC1
- E8F1C9
- ECF3D1
- EFF5D9
- F2F7E0
- F5F9E8
- F8FBF0
- FCFDF7
Sombras
- C2CC99
- A5AE83
- 8A916C
- 6F7557
- 565B42
- 3D412F
- 27291C
- 12130C
- 020301
Tonos
- D5E0AC
- CBD5A8
- C1CAA3
- B8BF9E
- AEB499
- A5AA94
- 9B9F8F
- 92958A
- 898A85
Armonías de color
Complementario +180°
- DFEBB1
Fresh Up
- E6DEFF
≈ Stoic White
Análogo -30° +30°
- DFEBB1
Fresh Up
- F9E1A9
≈ Open Sesame
- C2F2C7
≈ Peasful Mint
Triádico +120° +240°
- DFEBB1
Fresh Up
- C8E9FF
≈ Blue Java Banana
- FFD7E4
≈ Pig Pink
Complementario dividido +150° +210°
- DFEBB1
Fresh Up
- D8E3FF
≈ Stoic White
- FFD3FD
≈ Pink Diamond
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.26:1 · APCA Lc 13
Ag
AAASobre negro
WCAG 16.65:1 · APCA Lc 91
Mejor color de texto: #000000
WCAG 16.65:1 (AAA) · APCA Lc 91
Contrast pairs
Fragmentos de código
CSS
:root {
--fresh-up: #dfebb1;
--fresh-up-rgb: 223 235 177;
--fresh-up-oklch: oklch(0.917 0.077 117.4);
}
.element {
color: var(--fresh-up);
background-color: hsl(72 59% 81%);
border-color: oklch(0.917 0.077 117.4);
}Tailwind CSS v4
@theme {
--color-fresh-up: #dfebb1;
--color-fresh-up-50: #f2f9e1;
--color-fresh-up-100: #e4ecd0;
--color-fresh-up-200: #d0dab5;
--color-fresh-up-300: #b2be92;
--color-fresh-up-400: #9aa571;
--color-fresh-up-500: #828d51;
--color-fresh-up-600: #6e7745;
--color-fresh-up-700: #586037;
--color-fresh-up-800: #414626;
--color-fresh-up-900: #2d3019;
--color-fresh-up-950: #1a1c0a;
}SCSS
$fresh-up: #dfebb1;
$fresh-up-rgb: 223, 235, 177;
$fresh-up-light: mix(#fff, $fresh-up, 20%);
$fresh-up-dark: mix(#000, $fresh-up, 20%);
.element {
color: $fresh-up;
box-shadow: 0 0 0 2px rgba($fresh-up, 0.35);
}