Cor nomeada · #CFD4A4
Fresh Start
Fresh Start é #CFD4A4: rgb(207 212 164), hsl(66 36% 74%), oklch(0.854 0.064 112.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Fresh Start color name →
#CFD4A4
oklch(0.854 0.064 112.6)
Conversões de cor
- HEX
- #cfd4a4
- RGB
- rgb(207 212 164)
- HSL
- hsl(66 36% 74%)
- HWB
- hwb(66 64% 17%)
- OKLCH
- oklch(0.854 0.064 112.6)
- OKLab
- oklab(0.854 -0.025 0.059)
- CIE Lab
- lab(83.62 -7.62 23.26)
- LCH
- lch(83.62 24.47 108.1)
- CMYK
- cmyk(2% 0% 23% 17%)
Tons claros · Sombras · Tons
Tons claros
- D4D8AD
- D8DDB6
- DDE1BF
- E2E5C8
- E7EAD2
- EBEEDB
- F0F2E4
- F5F6ED
- FAFBF6
Sombras
- B4B88E
- 999D79
- 7F8364
- 676950
- 4F513D
- 383A2B
- 23241A
- 10100A
- 020201
Tons
- C7CBA1
- BFC39D
- B7BA9A
- AEB296
- A7A992
- 9FA18F
- 97998B
- 8F9088
- 888884
Harmonias de cor
Complementar +180°
- CFD4A4
Fresh Start
- D0C8F6
≈ Soap
Análoga -30° +30°
- CFD4A4
Fresh Start
- E4CCA0
≈ Organic Bamboo
- B8DAB4
≈ Bleached Spruce
Tríade +120° +240°
- CFD4A4
Fresh Start
- A6D7F2
≈ Soft Summer Rain
- F1BED3
≈ Parrot Tulip
Complementar dividida +150° +210°
- CFD4A4
Fresh Start
- B9D0FA
≈ Ice Cold Stare
- E4C2E8
≈ Prom Corsage
Tétrade +90° +180° +270°
- CFD4A4
Fresh Start
- 9DDCE1
≈ Light Bluish Water
- D0C8F6
≈ Soap
- F6BFBC
≈ Rainbow
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.54:1 · APCA Lc 25
Ag
AAASobre preto
WCAG 13.60:1 · APCA Lc 78
Melhor cor de texto: #000000
WCAG 13.60:1 (AAA) · APCA Lc 78
Contrast pairs
Trechos de código
CSS
:root {
--fresh-start: #cfd4a4;
--fresh-start-rgb: 207 212 164;
--fresh-start-oklch: oklch(0.854 0.064 112.6);
}
.element {
color: var(--fresh-start);
background-color: hsl(66 36% 74%);
border-color: oklch(0.854 0.064 112.6);
}Tailwind CSS v4
@theme {
--color-fresh-start: #cfd4a4;
--color-fresh-start-50: #f4f8e3;
--color-fresh-start-100: #e7ebd3;
--color-fresh-start-200: #d3d8b9;
--color-fresh-start-300: #b6bc97;
--color-fresh-start-400: #9ea377;
--color-fresh-start-500: #868b59;
--color-fresh-start-600: #72764c;
--color-fresh-start-700: #5b5e3c;
--color-fresh-start-800: #43452a;
--color-fresh-start-900: #2e2f1c;
--color-fresh-start-950: #1b1c0d;
}SCSS
$fresh-start: #cfd4a4;
$fresh-start-rgb: 207, 212, 164;
$fresh-start-light: mix(#fff, $fresh-start, 20%);
$fresh-start-dark: mix(#000, $fresh-start, 20%);
.element {
color: $fresh-start;
box-shadow: 0 0 0 2px rgba($fresh-start, 0.35);
}