Cor nomeada · #DBE69D
Fresh Frappé
Fresh Frappé é #DBE69D: rgb(219 230 157), hsl(69 59% 76%), oklch(0.9 0.095 115.3). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Fresh Frappé color name →
#DBE69D
oklch(0.9 0.095 115.3)
Conversões de cor
- HEX
- #dbe69d
- RGB
- rgb(219 230 157)
- HSL
- hsl(69 59% 76%)
- HWB
- hwb(69 62% 10%)
- OKLCH
- oklch(0.9 0.095 115.3)
- OKLab
- oklab(0.9 -0.04 0.086)
- CIE Lab
- lab(89.17 -12.27 34.36)
- LCH
- lch(89.17 36.48 109.7)
- CMYK
- cmyk(5% 0% 32% 10%)
Tons claros · Sombras · Tons
Tons claros
- DEE9A7
- E2EBB1
- E5EEBB
- E9F0C5
- EDF3CF
- F0F5D9
- F4F8E2
- F8FAEC
- FBFDF5
Sombras
- BEC888
- A2AB73
- 878E5F
- 6D734C
- 54593A
- 3C4028
- 262818
- 111309
- 020301
Tons
- D1DB9B
- C8D198
- BFC796
- B5BC93
- ACB290
- A3A88D
- 9A9E8A
- 919487
- 898A83
Harmonias de cor
Complementar +180°
- DBE69D
Fresh Frappé
- E0D7FF
≈ Transparent Blue
Análoga -30° +30°
- DBE69D
Fresh Frappé
- FBDA94
≈ Cooled Cream
- B6EFB8
≈ Ice Ice
Tríade +120° +240°
- DBE69D
Fresh Frappé
- BAE5FF
≈ Breaking the Ice
- FFCEDF
≈ Linnet Egg Red
Complementar dividida +150° +210°
- DBE69D
Fresh Frappé
- CEDEFF
≈ Arc Light
- FDCAFF
≈ Sugar Chic
Tétrade +90° +180° +270°
- DBE69D
Fresh Frappé
- 8DF0FC
≈ Shallow Water
- E0D7FF
≈ Transparent Blue
- FFD1CC
≈ Girlie
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.32:1 · APCA Lc 16
Ag
AAASobre preto
WCAG 15.81:1 · APCA Lc 88
Melhor cor de texto: #000000
WCAG 15.81:1 (AAA) · APCA Lc 88
Contrast pairs
Trechos de código
CSS
:root {
--fresh-frappe: #dbe69d;
--fresh-frappe-rgb: 219 230 157;
--fresh-frappe-oklch: oklch(0.9 0.095 115.3);
}
.element {
color: var(--fresh-frappe);
background-color: hsl(69 59% 76%);
border-color: oklch(0.9 0.095 115.3);
}Tailwind CSS v4
@theme {
--color-fresh-frappe: #dbe69d;
--color-fresh-frappe-50: #f3f9db;
--color-fresh-frappe-100: #e5edc9;
--color-fresh-frappe-200: #d1daad;
--color-fresh-frappe-300: #b3be87;
--color-fresh-frappe-400: #9ca563;
--color-fresh-frappe-500: #848e3e;
--color-fresh-frappe-600: #707836;
--color-fresh-frappe-700: #59602b;
--color-fresh-frappe-800: #42461c;
--color-fresh-frappe-900: #2e3013;
--color-fresh-frappe-950: #1b1c05;
}SCSS
$fresh-frappe: #dbe69d;
$fresh-frappe-rgb: 219, 230, 157;
$fresh-frappe-light: mix(#fff, $fresh-frappe, 20%);
$fresh-frappe-dark: mix(#000, $fresh-frappe, 20%);
.element {
color: $fresh-frappe;
box-shadow: 0 0 0 2px rgba($fresh-frappe, 0.35);
}